@pine-ds/core 0.1.4 → 0.2.0

package/dist/pine-core/{p-207a1db7.system.entry.js → p-48669610.system.entry.js}

@@ -1 +1,2 @@
-System.register(["./p-8248c25e.system.js"],(function(t){"use strict";var s,i,a,e;return{setters:[function(t){s=t.r;i=t.h;a=t.H;e=t.g}],execute:function(){var n=":host{--panel-margin-top:0;--panel-padding:0;--gap-md:var(--pine-spacing-md);--gap-xs:var(--pine-spacing-xs);--gap-sm:16px var(--pine-spacing-sm);--outline:2px solid var(--pine-color-primary-200);display:block}*:focus{outline:var(--outline)}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--gap-md)}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--gap-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--gap-sm)}";var r=n;var f=t("pds_tabs",function(){function t(t){s(this,t);this.tablistLabel=undefined;this.componentId=undefined;this.variant=undefined;this.activeTabName=undefined;this.activeTabIndex=undefined}t.prototype.tabClickHandler=function(t){if(this.componentId===t.detail[1]){this.activeTabIndex=t.detail[0];this.activeTabName=this.tabs[this.activeTabIndex].name}};t.prototype.handleKeyDown=function(t){var s=["ArrowLeft","ArrowRight","Home","End"];if(s.includes(t.key)){t.preventDefault();this.moveActiveTab(t.key)}};t.prototype.moveActiveTab=function(t){var s=0;var i=this.tabs.length-1;var a=null;switch(t){case"ArrowLeft":a=this.activeTabIndex===s?i:this.activeTabIndex+-1;break;case"ArrowRight":a=this.activeTabIndex===i?s:this.activeTabIndex+1;break;case"Home":a=s;break;case"End":a=i;break}this.tabs[a].children[0].focus();this.activeTabName=this.tabs[a].name;this.activeTabIndex=a};t.prototype.findAllChildren=function(){this.tabs=this.el.querySelectorAll("pds-tab");this.tabPanels=this.el.querySelectorAll("pds-tabpanel")};t.prototype.propGeneration=function(t,s){if(s===void 0){s=0}t.parentComponentId=this.componentId.toString();t.variant=this.variant.toString();t.selected=this.activeTabName===t.name?true:false;t["index"]=s};t.prototype.passPropsToChildren=function(){var t=this;this.tabs.forEach((function(s,i){if(t.activeTabName===s.name)t.activeTabIndex=i;t.propGeneration(s,i)}));this.tabPanels.forEach((function(s){t.propGeneration(s)}))};t.prototype.classNames=function(){var t="pds-tabs";if(this.variant&&this.variant!="primary"){var s="pds-tabs--".concat(this.variant);t+=" "+s}return t};t.prototype.componentWillLoad=function(){this.findAllChildren()};t.prototype.componentWillRender=function(){this.passPropsToChildren()};t.prototype.render=function(){return i(a,{key:"e6d5ba53ccd3f58d0e63ddee1a3f395c6f15c841","active-tab-name":this.activeTabName,class:this.classNames(),id:this.componentId},i("div",{key:"b66c6f29bd3612c94130de2e44ca33e46facf401",class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel},i("slot",{key:"eeaa4bacc8ae08964a106fed26af7c3927b83df7",name:"tabs"})),i("slot",{key:"f6d0b358f7387a850e1f3db93eaf32cc7723b7a2",name:"tabpanels"}))};Object.defineProperty(t.prototype,"el",{get:function(){return e(this)},enumerable:false,configurable:true});return t}());f.style=r}}}));
+System.register(["./p-c563d4e7.system.js"],(function(t){"use strict";var s,i,a,e;return{setters:[function(t){s=t.r;i=t.h;a=t.H;e=t.g}],execute:function(){var n=":host{--panel-margin-top:0;--panel-padding:0;--gap-md:var(--pine-spacing-md);--gap-xs:var(--pine-spacing-xs);--gap-sm:16px var(--pine-spacing-sm);--outline:2px solid var(--pine-color-primary-200);display:block}*:focus{outline:var(--outline)}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--gap-md)}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--gap-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--gap-sm)}";var r=n;var f=t("pds_tabs",function(){function t(t){s(this,t);this.tablistLabel=undefined;this.componentId=undefined;this.variant=undefined;this.activeTabName=undefined;this.activeTabIndex=undefined}t.prototype.tabClickHandler=function(t){if(this.componentId===t.detail[1]){this.activeTabIndex=t.detail[0];this.activeTabName=this.tabs[this.activeTabIndex].name}};t.prototype.handleKeyDown=function(t){var s=["ArrowLeft","ArrowRight","Home","End"];if(s.includes(t.key)){t.preventDefault();this.moveActiveTab(t.key)}};t.prototype.moveActiveTab=function(t){var s=0;var i=this.tabs.length-1;var a=null;switch(t){case"ArrowLeft":a=this.activeTabIndex===s?i:this.activeTabIndex+-1;break;case"ArrowRight":a=this.activeTabIndex===i?s:this.activeTabIndex+1;break;case"Home":a=s;break;case"End":a=i;break}this.tabs[a].children[0].focus();this.activeTabName=this.tabs[a].name;this.activeTabIndex=a};t.prototype.findAllChildren=function(){this.tabs=this.el.querySelectorAll("pds-tab");this.tabPanels=this.el.querySelectorAll("pds-tabpanel")};t.prototype.propGeneration=function(t,s){if(s===void 0){s=0}t.parentComponentId=this.componentId.toString();t.variant=this.variant.toString();t.selected=this.activeTabName===t.name?true:false;t["index"]=s};t.prototype.passPropsToChildren=function(){var t=this;this.tabs.forEach((function(s,i){if(t.activeTabName===s.name)t.activeTabIndex=i;t.propGeneration(s,i)}));this.tabPanels.forEach((function(s){t.propGeneration(s)}))};t.prototype.classNames=function(){var t="pds-tabs";if(this.variant&&this.variant!="primary"){var s="pds-tabs--".concat(this.variant);t+=" "+s}return t};t.prototype.componentWillLoad=function(){this.findAllChildren()};t.prototype.componentWillRender=function(){this.passPropsToChildren()};t.prototype.render=function(){return i(a,{key:"e6d5ba53ccd3f58d0e63ddee1a3f395c6f15c841","active-tab-name":this.activeTabName,class:this.classNames(),id:this.componentId},i("div",{key:"b66c6f29bd3612c94130de2e44ca33e46facf401",class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel},i("slot",{key:"eeaa4bacc8ae08964a106fed26af7c3927b83df7",name:"tabs"})),i("slot",{key:"f6d0b358f7387a850e1f3db93eaf32cc7723b7a2",name:"tabpanels"}))};Object.defineProperty(t.prototype,"el",{get:function(){return e(this)},enumerable:false,configurable:true});return t}());f.style=r}}}));
+//# sourceMappingURL=p-48669610.system.entry.js.map

package/dist/pine-core/p-48669610.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTabsCss","PdsTabsStyle0","PdsTabs","exports","class_1","prototype","tabClickHandler","event","this","componentId","detail","activeTabIndex","activeTabName","tabs","name","handleKeyDown","ev","keySet","includes","key","preventDefault","moveActiveTab","firstTabNumber","lastTabNumber","length","moveFocusTo","children","focus","findAllChildren","el","querySelectorAll","tabPanels","propGeneration","child","index","parentComponentId","toString","variant","selected","passPropsToChildren","_this","forEach","classNames","className","variantClassName","concat","componentWillLoad","componentWillRender","render","h","Host","class","id","role","tablistLabel"],"sources":["src/components/pds-tabs/pds-tabs.scss?tag=pds-tabs&encapsulation=shadow","src/components/pds-tabs/pds-tabs.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --panel-margin-top: Optional margin-top for panels\n   */\n  --panel-margin-top: 0;\n\n  /**\n   * @prop --panel-padding: Optional padding for panels\n   */\n  --panel-padding: 0;\n\n  --gap-md: var(--pine-spacing-md);\n  --gap-xs: var(--pine-spacing-xs);\n  --gap-sm: 16px var(--pine-spacing-sm);\n  --outline: 2px solid var(--pine-color-primary-200);\n\n  display: block;\n}\n\n// delete later\n*:focus {\n  outline: var(--outline);\n}\n\n.pds-tabs__tablist {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--gap-md);\n}\n\n:host(.pds-tabs--availability) .pds-tabs__tablist {\n  gap: var(--gap-xs);\n}\n\n:host(.pds-tabs--filter) .pds-tabs__tablist {\n  gap: var(--gap-sm);\n}\n","import { Component, Element, Host, h, Prop, Listen } from '@stencil/core';\n\n  /**\n * @slot tabs - Content is placed within the `div[role=\"tablist\"]` element as children\n * @slot tabpanels - Content is placed directly after the `div[role=\"tablist\"]` element as siblings\n */\n@Component({\n  tag: 'pds-tabs',\n  styleUrl: 'pds-tabs.scss',\n  shadow: true,\n})\nexport class PdsTabs {\n  private tabs;\n  private tabPanels;\n\n  @Element() el: HTMLPdsTabsElement;\n\n  /**\n   * Sets the aria-label attached to the tablist element\n   */\n  @Prop() tablistLabel!: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Sets tabs variant styles as outlined in Figma documentation\n   */\n  @Prop() variant!: 'primary' | 'availability' | 'filter';\n\n  /**\n   * Sets the starting active tab name and maintains the name as the component re-renders\n   */\n  @Prop({mutable: true}) activeTabName!: string;\n\n  /**\n   * Sets the starting active tab index number and maintains the index number as the component re-renders\n   */\n  /** @internal */\n  @Prop({mutable: true}) activeTabIndex: number;\n\n  @Listen('pdsTabClick', {\n    target: 'body',\n  })\n  tabClickHandler(event: CustomEvent<any>) {\n    if (this.componentId === event.detail[1]) {\n      this.activeTabIndex = event.detail[0];\n      this.activeTabName = this.tabs[this.activeTabIndex].name;\n    }\n  }\n\n  @Listen('keydown', {})\n  handleKeyDown(ev: KeyboardEvent) {\n    const keySet = [\"ArrowLeft\", \"ArrowRight\", \"Home\", \"End\"];\n\n    if (keySet.includes(ev.key)) {\n      ev.preventDefault();\n      this.moveActiveTab(ev.key);\n    }\n  }\n\n  private moveActiveTab(key: string) {\n    const firstTabNumber = 0;\n    const lastTabNumber = this.tabs.length - 1;\n\n    let moveFocusTo = null;\n\n    switch (key) {\n      case 'ArrowLeft':\n        moveFocusTo = (this.activeTabIndex === firstTabNumber) ? lastTabNumber : (this.activeTabIndex + (-1));\n        break;\n      case 'ArrowRight':\n        moveFocusTo = (this.activeTabIndex === lastTabNumber) ? firstTabNumber : (this.activeTabIndex + 1);\n        break;\n      case 'Home':\n        moveFocusTo = firstTabNumber;\n        break;\n      case 'End':\n        moveFocusTo = lastTabNumber;\n        break;\n    }\n\n    // Move focus to the button element within `pds-tab`\n    this.tabs[moveFocusTo].children[0].focus();\n    this.activeTabName = this.tabs[moveFocusTo].name;\n    this.activeTabIndex = moveFocusTo;\n  }\n\n  private findAllChildren() {\n    this.tabs = this.el.querySelectorAll('pds-tab');\n    this.tabPanels = this.el.querySelectorAll('pds-tabpanel');\n  }\n\n  private propGeneration(child, index = 0) {\n    child.parentComponentId = this.componentId.toString();\n    child.variant = this.variant.toString();\n    child.selected = (this.activeTabName === child.name) ? true : false;\n    child['index'] = index;\n  }\n\n  private passPropsToChildren() {\n    this.tabs.forEach((child, index) => {\n      if (this.activeTabName === child.name) this.activeTabIndex = index;\n      this.propGeneration(child, index);\n    });\n\n    this.tabPanels.forEach((child) => {\n      this.propGeneration(child);\n    });\n  }\n\n  private classNames() {\n    let className = `pds-tabs`;\n    if (this.variant && this.variant != 'primary') {\n      const variantClassName = `pds-tabs--${this.variant}`;\n      className += ' ' + variantClassName;\n    }\n\n    return className;\n  };\n\n  componentWillLoad() {\n    this.findAllChildren();\n  }\n\n  componentWillRender() {\n    this.passPropsToChildren();\n  }\n\n  render() {\n    return (\n      <Host active-tab-name={this.activeTabName} class={this.classNames()} id={this.componentId}>\n        <div class=\"pds-tabs__tablist\" role=\"tablist\" aria-label={this.tablistLabel}>\n          <slot name=\"tabs\" />\n        </div>\n        <slot name=\"tabpanels\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"0JAAA,IAAMA,EAAa,8dACnB,IAAAC,EAAeD,E,ICUFE,EAAOC,EAAA,sB,iKAmClBC,EAAAC,UAAAC,gBAAA,SAAgBC,GACd,GAAIC,KAAKC,cAAgBF,EAAMG,OAAO,GAAI,CACxCF,KAAKG,eAAiBJ,EAAMG,OAAO,GACnCF,KAAKI,cAAgBJ,KAAKK,KAAKL,KAAKG,gBAAgBG,I,GAKxDV,EAAAC,UAAAU,cAAA,SAAcC,GACZ,IAAMC,EAAS,CAAC,YAAa,aAAc,OAAQ,OAEnD,GAAIA,EAAOC,SAASF,EAAGG,KAAM,CAC3BH,EAAGI,iBACHZ,KAAKa,cAAcL,EAAGG,I,GAIlBf,EAAAC,UAAAgB,cAAA,SAAcF,GACpB,IAAMG,EAAiB,EACvB,IAAMC,EAAgBf,KAAKK,KAAKW,OAAS,EAEzC,IAAIC,EAAc,KAElB,OAAQN,GACN,IAAK,YACHM,EAAejB,KAAKG,iBAAmBW,EAAkBC,EAAiBf,KAAKG,gBAAmB,EAClG,MACF,IAAK,aACHc,EAAejB,KAAKG,iBAAmBY,EAAiBD,EAAkBd,KAAKG,eAAiB,EAChG,MACF,IAAK,OACHc,EAAcH,EACd,MACF,IAAK,MACHG,EAAcF,EACd,MAIJf,KAAKK,KAAKY,GAAaC,SAAS,GAAGC,QACnCnB,KAAKI,cAAgBJ,KAAKK,KAAKY,GAAaX,KAC5CN,KAAKG,eAAiBc,C,EAGhBrB,EAAAC,UAAAuB,gBAAA,WACNpB,KAAKK,KAAOL,KAAKqB,GAAGC,iBAAiB,WACrCtB,KAAKuB,UAAYvB,KAAKqB,GAAGC,iBAAiB,e,EAGpC1B,EAAAC,UAAA2B,eAAA,SAAeC,EAAOC,GAAA,GAAAA,SAAA,GAAAA,EAAA,CAAS,CACrCD,EAAME,kBAAoB3B,KAAKC,YAAY2B,WAC3CH,EAAMI,QAAU7B,KAAK6B,QAAQD,WAC7BH,EAAMK,SAAY9B,KAAKI,gBAAkBqB,EAAMnB,KAAQ,KAAO,MAC9DmB,EAAM,SAAWC,C,EAGX9B,EAAAC,UAAAkC,oBAAA,eAAAC,EAAAhC,KACNA,KAAKK,KAAK4B,SAAQ,SAACR,EAAOC,GACxB,GAAIM,EAAK5B,gBAAkBqB,EAAMnB,KAAM0B,EAAK7B,eAAiBuB,EAC7DM,EAAKR,eAAeC,EAAOC,E,IAG7B1B,KAAKuB,UAAUU,SAAQ,SAACR,GACtBO,EAAKR,eAAeC,E,KAIhB7B,EAAAC,UAAAqC,WAAA,WACN,IAAIC,EAAY,WAChB,GAAInC,KAAK6B,SAAW7B,KAAK6B,SAAW,UAAW,CAC7C,IAAMO,EAAmB,aAAAC,OAAarC,KAAK6B,SAC3CM,GAAa,IAAMC,C,CAGrB,OAAOD,C,EAGTvC,EAAAC,UAAAyC,kBAAA,WACEtC,KAAKoB,iB,EAGPxB,EAAAC,UAAA0C,oBAAA,WACEvC,KAAK+B,qB,EAGPnC,EAAAC,UAAA2C,OAAA,WACE,OACEC,EAACC,EAAI,CAAA/B,IAAA,6DAAkBX,KAAKI,cAAeuC,MAAO3C,KAAKkC,aAAcU,GAAI5C,KAAKC,aAC5EwC,EAAA,OAAA9B,IAAA,2CAAKgC,MAAM,oBAAoBE,KAAK,UAAS,aAAa7C,KAAK8C,cAC7DL,EAAA,QAAA9B,IAAA,2CAAML,KAAK,UAEbmC,EAAA,QAAA9B,IAAA,2CAAML,KAAK,c,uHA9HC,I"}

package/dist/pine-core/{p-df4a1834.system.entry.js → p-4b3e96c0.system.entry.js}

@@ -1 +1,2 @@
-System.register(["./p-8248c25e.system.js"],(function(e){"use strict";var t,s,i,c,r;return{setters:[function(e){t=e.r;s=e.c;i=e.h;c=e.H;r=e.g}],execute:function(){var o=":host{--background-fixed:var(--pine-color-base-white);--background-interactive:var(--pine-color-neutral-grey-200);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}: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(--background-interactive)}";var l=o;var a=e("pds_table_row",function(){function e(e){var i=this;t(this,e);this.pdsTableRowSelected=s(this,"pdsTableRowSelected",7);this.handleCheckboxClick=function(){i.isSelected=!i.isSelected;var e=Array.from(i.hostElement.parentNode.children).indexOf(i.hostElement);i.pdsTableRowSelected.emit({rowIndex:e,isSelected:i.isSelected})};this.generateUniqueId=function(){var e=Math.random().toString(36).substring(2,8);var t=(new Date).toISOString().replace(/[:.]/g,"-");var s="".concat(e,"-").concat(t);return s};this.isSelected=false}e.prototype.classNames=function(){var e=[];if(this.isSelected){e.push("is-selected")}return e.join("  ")};e.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){var e=this.hostElement.querySelector("pds-table-cell");e===null||e===void 0?void 0:e.classList.add("is-fixed")}};e.prototype.render=function(){return i(c,{key:"6eb4558d3c5970174833e11c74b8243f549e3c9a",class:this.classNames(),role:"row"},this.tableRef&&this.tableRef.selectable&&i("pds-table-cell",{part:this.tableRef.fixedColumn?"checkbox-cell":"",class:this.tableRef.selectable?"has-checkbox":""},i("pds-checkbox",{componentId:this.generateUniqueId(),onClick:this.handleCheckboxClick,label:"Select Row",labelHidden:true,checked:this.isSelected})),i("slot",{key:"d2ee3546bfe11f36278887b6261a0c5bca91202f"}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());a.style=l}}}));
+System.register(["./p-c563d4e7.system.js"],(function(e){"use strict";var t,s,i,c,r;return{setters:[function(e){t=e.r;s=e.c;i=e.h;c=e.H;r=e.g}],execute:function(){var o=":host{--background-fixed:var(--pine-color-base-white);--background-interactive:var(--pine-color-neutral-grey-200);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}: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(--background-interactive)}";var l=o;var a=e("pds_table_row",function(){function e(e){var i=this;t(this,e);this.pdsTableRowSelected=s(this,"pdsTableRowSelected",7);this.handleCheckboxClick=function(){i.isSelected=!i.isSelected;var e=Array.from(i.hostElement.parentNode.children).indexOf(i.hostElement);i.pdsTableRowSelected.emit({rowIndex:e,isSelected:i.isSelected})};this.generateUniqueId=function(){var e=Math.random().toString(36).substring(2,8);var t=(new Date).toISOString().replace(/[:.]/g,"-");var s="".concat(e,"-").concat(t);return s};this.isSelected=false}e.prototype.classNames=function(){var e=[];if(this.isSelected){e.push("is-selected")}return e.join("  ")};e.prototype.componentWillRender=function(){this.tableRef=this.hostElement.closest("pds-table");if(this.tableRef&&this.tableRef.fixedColumn){var e=this.hostElement.querySelector("pds-table-cell");e===null||e===void 0?void 0:e.classList.add("is-fixed")}};e.prototype.render=function(){return i(c,{key:"6eb4558d3c5970174833e11c74b8243f549e3c9a",class:this.classNames(),role:"row"},this.tableRef&&this.tableRef.selectable&&i("pds-table-cell",{part:this.tableRef.fixedColumn?"checkbox-cell":"",class:this.tableRef.selectable?"has-checkbox":""},i("pds-checkbox",{componentId:this.generateUniqueId(),onClick:this.handleCheckboxClick,label:"Select Row",labelHidden:true,checked:this.isSelected})),i("slot",{key:"d2ee3546bfe11f36278887b6261a0c5bca91202f"}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());a.style=l}}}));
+//# sourceMappingURL=p-4b3e96c0.system.entry.js.map

package/dist/pine-core/p-4b3e96c0.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTableRowCss","PdsTableRowStyle0","PdsTableRow","exports","this","handleCheckboxClick","_this","isSelected","selectedIndex","Array","from","hostElement","parentNode","children","indexOf","pdsTableRowSelected","emit","rowIndex","generateUniqueId","randomString","Math","random","toString","substring","timestamp","Date","toISOString","replace","uniqueId","concat","class_1","prototype","classNames","push","join","componentWillRender","tableRef","closest","fixedColumn","tableCell","querySelector","classList","add","render","h","Host","key","class","role","selectable","part","componentId","onClick","label","labelHidden","checked"],"sources":["src/components/pds-table/pds-table-row/pds-table-row.scss?tag=pds-table-row&encapsulation=shadow","src/components/pds-table/pds-table-row/pds-table-row.tsx"],"sourcesContent":[":host {\n  --background-fixed: var(--pine-color-base-white);\n  --background-interactive: var(--pine-color-neutral-grey-200);\n\n  border-color: inherit;\n  display: table-row;\n  vertical-align: inherit;\n\n  // used for pds-checkbox-cell\n  // because it is in the ShadowDom\n  &::part(checkbox-cell) {\n    background-color: var(--background-fixed);\n    left: 0;\n    position: sticky;\n    z-index: 1;\n  }\n}\n\n:host(:hover),\n:host(:hover)::part(checkbox-cell),\n:host(:hover) ::slotted(pds-table-cell),\n:host(.is-selected),\n:host(.is-selected)::part(checkbox-cell),\n:host(.is-selected) ::slotted(pds-table-cell) {\n  background: var(--background-interactive);\n}\n","import { Component, Element, Host, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n  tag: 'pds-table-row',\n  styleUrl: 'pds-table-row.scss',\n  shadow: true,\n})\nexport class PdsTableRow {\n  @Element() hostElement: HTMLPdsTableRowElement;\n  tableRef: HTMLPdsTableElement;\n\n  /**\n   * Event that is emitted when the checkbox is clicked, carrying the selected value.\n   */\n  @Event() pdsTableRowSelected: EventEmitter<{ rowIndex: number; isSelected: boolean; }>;\n\n  /**\n   * A local state to track whether the row is currently selected.\n   */\n  @State() isSelected: boolean = false;\n\n  private handleCheckboxClick = () => {\n    this.isSelected = !this.isSelected; // Toggle the selected state\n    const selectedIndex = Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);\n    this.pdsTableRowSelected.emit({ rowIndex: selectedIndex, isSelected: this.isSelected });\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.isSelected) {\n      classNames.push(\"is-selected\");\n    }\n\n    return classNames.join('  ');\n  }\n\n  componentWillRender() {\n    this.tableRef = this.hostElement.closest('pds-table') as HTMLPdsTableElement;\n\n    if (this.tableRef && this.tableRef.fixedColumn) {\n      const tableCell = this.hostElement.querySelector('pds-table-cell');\n      tableCell?.classList.add(\"is-fixed\");\n    }\n  }\n\n  private generateUniqueId = () => {\n    const randomString = Math.random().toString(36).substring(2, 8);\n    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');\n    const uniqueId = `${randomString}-${timestamp}`;\n\n    return uniqueId;\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.classNames()}\n        role=\"row\"\n      >\n        {this.tableRef && this.tableRef.selectable && (\n          <pds-table-cell part={this.tableRef.fixedColumn ? 'checkbox-cell' : ''} class={this.tableRef.selectable ? 'has-checkbox' : ''} >\n            <pds-checkbox\n              componentId={this.generateUniqueId()}\n              onClick={this.handleCheckboxClick}\n              label={\"Select Row\"}\n              labelHidden={true}\n              checked={this.isSelected}\n            />\n          </pds-table-cell>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kKAAA,IAAMA,EAAiB,6hBACvB,IAAAC,EAAeD,E,ICMFE,EAAWC,EAAA,2B,4FAcdC,KAAAC,oBAAsB,WAC5BC,EAAKC,YAAcD,EAAKC,WACxB,IAAMC,EAAgBC,MAAMC,KAAKJ,EAAKK,YAAYC,WAAWC,UAAUC,QAAQR,EAAKK,aACpFL,EAAKS,oBAAoBC,KAAK,CAAEC,SAAUT,EAAeD,WAAYD,EAAKC,Y,EAsBpEH,KAAAc,iBAAmB,WACzB,IAAMC,EAAeC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,GAC7D,IAAMC,GAAY,IAAIC,MAAOC,cAAcC,QAAQ,QAAS,KAC5D,IAAMC,EAAW,GAAAC,OAAGV,EAAY,KAAAU,OAAIL,GAEpC,OAAOI,C,kBAhCsB,K,CAQvBE,EAAAC,UAAAC,WAAA,WACN,IAAMA,EAAa,GAEnB,GAAI5B,KAAKG,WAAY,CACnByB,EAAWC,KAAK,c,CAGlB,OAAOD,EAAWE,KAAK,K,EAGzBJ,EAAAC,UAAAI,oBAAA,WACE/B,KAAKgC,SAAWhC,KAAKO,YAAY0B,QAAQ,aAEzC,GAAIjC,KAAKgC,UAAYhC,KAAKgC,SAASE,YAAa,CAC9C,IAAMC,EAAYnC,KAAKO,YAAY6B,cAAc,kBACjDD,IAAS,MAATA,SAAS,SAATA,EAAWE,UAAUC,IAAI,W,GAY7BZ,EAAAC,UAAAY,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO3C,KAAK4B,aACZgB,KAAK,OAEJ5C,KAAKgC,UAAYhC,KAAKgC,SAASa,YAC9BL,EAAA,kBAAgBM,KAAM9C,KAAKgC,SAASE,YAAc,gBAAkB,GAAIS,MAAO3C,KAAKgC,SAASa,WAAa,eAAiB,IACzHL,EAAA,gBACEO,YAAa/C,KAAKc,mBAClBkC,QAAShD,KAAKC,oBACdgD,MAAO,aACPC,YAAa,KACbC,QAASnD,KAAKG,cAIpBqC,EAAA,QAAAE,IAAA,6C,gIAhEgB,I"}

package/dist/pine-core/p-4b7083de.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as t,h as e,H as i,g as o}from"./p-b5b5ce83.js";const s='pds-tab{--background-color-tab:var(--pine-color-neutral-grey-300);--background-color-tab-active:var(--pine-color-neutral-charcoal-400);--background-color-tab-hover:var(--pine-color-neutral-grey-400);--border-radius:var(--pine-border-radius-xs);--color:var(--pine-color-neutral-charcoal-200);--color-active:var(--pine-color-neutral-charcoal-400);--color-focus:var(--pine-color-neutral-charcoal-300);--color-white:var(--pine-color-base-white);--font-size-body:var(--pine-font-size-body);--font-size-sm:var(--pine-font-size-body-sm);--font-size-xs:var(--pine-font-size-body-xs);--font-weight:var(--pine-font-weight-medium);--line-height-md:var(--pine-line-height-md);--line-height-sm:var(--pine-line-height-sm);--line-height-xs:var(--pine-line-height-xs);--outline:4px solid var(--pine-color-primary-200);display:inline-block;position:relative}*:focus-visible{border-radius:var(--border-radius);outline:var(--outline)}.pds-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:pointer;font-family:inherit;padding:0;-ms-flex-align:center;align-items:center;color:var(--color);display:-ms-inline-flexbox;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.pds-tab.is-active,.pds-tab[aria-selected=true]{color:var(--color-active)}.pds-tab.is-active .pds-tab__content::after,.pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tab:hover{color:var(--color-active)}.pds-tab:focus-visible{color:var(--color-focus)}.pds-tab .pds-tab__content{font-family:inherit;font-size:var(--font-size-body);font-weight:var(--font-weight);line-height:var(--line-height-md);-webkit-padding-after:11px;padding-block-end:11px;position:relative}.pds-tab .pds-tab__content::after{background-color:currentColor;bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0}.pds-tab .pds-tab-edge{display:none}.pds-tabs--availability{--tab-background-color:transparent}.pds-tabs--availability .pds-tab{background-color:var(--tab-background-color);border-radius:8px 8px 0 0;padding:8px 16px 13px}.pds-tabs--availability .pds-tab.is-active,.pds-tabs--availability .pds-tab[aria-selected=true]{--tab-background-color:var(--color-white)}.pds-tabs--availability .pds-tab.is-active .pds-tab__content::after,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab__content::after{opacity:1}.pds-tabs--availability .pds-tab.is-active .pds-tab-edge,.pds-tabs--availability .pds-tab[aria-selected=true] .pds-tab-edge{z-index:1}.pds-tabs--availability .pds-tab:hover:not(.is-active,[aria-selected=true]){--tab-background-color:var(--background-color-tab)}.pds-tabs--availability .pds-tab:focus-visible{color:var(--color)}.pds-tabs--availability .pds-tab__content{font-size:var(--font-size-xs);line-height:var(--line-height-xs);padding-bottom:7px}.pds-tabs--availability .pds-tab-edge{bottom:0;display:block;height:8px;inset-inline-end:100%;overflow:hidden;position:absolute;width:8px}.pds-tabs--availability .pds-tab-edge::before{border-radius:50%;bottom:0;-webkit-box-shadow:4px 4px 0 0 var(--tab-background-color);box-shadow:4px 4px 0 0 var(--tab-background-color);content:"";display:block;height:200%;inset-inline-end:0;position:absolute;width:200%}.pds-tabs--availability .pds-tab-edge--end{inset-inline-end:unset;inset-inline-start:100%}.pds-tabs--availability .pds-tab-edge--end::before{-webkit-box-shadow:-4px 4px 0 0 var(--tab-background-color);box-shadow:-4px 4px 0 0 var(--tab-background-color);inset-inline-end:unset;inset-inline-start:0}.pds-tabs--filter{--tab-background-color:var(--background-color-tab)}.pds-tabs--filter .pds-tab{background-color:var(--tab-background-color);border-radius:50px;color:var(--color-active);padding:6px 15px}.pds-tabs--filter .pds-tab.is-active,.pds-tabs--filter .pds-tab[aria-selected=true]{--tab-background-color:var(--background-color-tab-active);color:var(--color-white)}.pds-tabs--filter .pds-tab:hover:not(.is-active,[aria-selected=true]){--tab-background-color:var(--background-color-tab-hover)}.pds-tabs--filter .pds-tab__content{font-size:var(--font-size-sm);line-height:var(--line-height-sm);-webkit-padding-after:0;padding-block-end:0}.pds-tabs--filter .pds-tab__content::after{content:unset}';const r=s;const n=class{constructor(e){a(this,e);this.pdsTabClick=t(this,"pdsTabClick",7);this.name=undefined;this.parentComponentId=undefined;this.variant=undefined;this.index=undefined;this.selected=false}onTabClick(a,t){this.pdsTabClick.emit([a,t])}render(){const a=e("span",{key:"08277d7cbe950dd18f41bd95c90f7c7389833311",class:"pds-tab-edge",role:"presentation"});const t=e("span",{key:"02d2d1acbc122a56bd01c53af8ff0f42b46cb3db",class:"pds-tab-edge pds-tab-edge--end",role:"presentation"});return e(i,{key:"ae62d16ff39d937d3d635892a904870c436d1747",variant:this.variant,slot:"tabs",index:this.index},e("button",{key:"45221be5eb829f64c5a1f19de600d68da9c27ed2",role:"tab",id:this.parentComponentId+"__"+this.name,"aria-controls":this.parentComponentId+"__"+this.name+"-panel",tabindex:this.selected?"0":"-1","aria-selected":this.selected?"true":"false",class:this.selected?"pds-tab is-active":"pds-tab",onClick:this.onTabClick.bind(this,this.index,this.parentComponentId)},this.variant==="availability"&&a,this.variant==="availability"&&t,e("div",{key:"3e529a0253e4ecbfad3ab47760fa6d58771a58b8",class:"pds-tab__content"},e("slot",{key:"4491e7c5442c386623e389ac247c5a8a6a6db254"}))))}get el(){return o(this)}};n.style=r;export{n as pds_tab};
+//# sourceMappingURL=p-4b7083de.entry.js.map

package/dist/pine-core/p-4b7083de.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsTabCss","PdsTabStyle0","PdsTab","onTabClick","index","parentComponentId","this","pdsTabClick","emit","render","availabilityTabEdgeInlineStart","h","key","class","role","availabilityTabEdgeInlineEnd","Host","variant","slot","id","name","tabindex","selected","onClick","bind"],"sources":["src/components/pds-tabs/pds-tab/pds-tab.scss?tag=pds-tab","src/components/pds-tabs/pds-tab/pds-tab.tsx"],"sourcesContent":["pds-tab {\n  --background-color-tab: var(--pine-color-neutral-grey-300);\n  --background-color-tab-active: var(--pine-color-neutral-charcoal-400);\n  --background-color-tab-hover: var(--pine-color-neutral-grey-400);\n  --border-radius: var(--pine-border-radius-xs);\n\n  --color: var(--pine-color-neutral-charcoal-200);\n  --color-active: var(--pine-color-neutral-charcoal-400);\n  --color-focus: var(--pine-color-neutral-charcoal-300);\n  --color-white: var(--pine-color-base-white);\n\n  --font-size-body: var(--pine-font-size-body);\n  --font-size-sm: var(--pine-font-size-body-sm);\n  --font-size-xs: var(--pine-font-size-body-xs);\n  --font-weight: var(--pine-font-weight-medium);\n  --line-height-md: var(--pine-line-height-md);\n  --line-height-sm: var(--pine-line-height-sm);\n  --line-height-xs: var(--pine-line-height-xs);\n\n  --outline: 4px solid var(--pine-color-primary-200);\n\n  display: inline-block;\n  position: relative;\n}\n\n///\n/// Resets base button styles\n///\n@mixin pds-button-style-reset {\n  appearance: none;\n  background-color: transparent;\n  border: 0;\n  box-shadow: none;\n  color: inherit;\n  cursor: pointer;\n  font-family: inherit;\n  padding: 0;\n}\n\n// delete later\n*:focus-visible {\n  border-radius: var(--border-radius);\n  outline: var(--outline);\n}\n\n.pds-tab {\n  @include pds-button-style-reset();\n\n  align-items: center;\n  color: var(--color);\n  display: inline-flex;\n  position: relative;\n  text-decoration: none;\n  white-space: nowrap;\n\n  &.is-active,\n  &[aria-selected='true'] {\n    color: var(--color-active);\n\n    .pds-tab__content::after {\n      opacity: 1;\n    }\n  }\n\n  &:hover {\n    color: var(--color-active);\n  }\n\n  &:focus-visible {\n    color: var(--color-focus);\n  }\n\n  .pds-tab__content {\n    font-family: inherit;\n    font-size: var(--font-size-body);\n    font-weight: var(--font-weight);\n    line-height: var(--line-height-md);\n    padding-block-end: 11px;\n    position: relative;\n\n    &::after {\n      background-color: currentColor;\n      bottom: 0;\n      content: '';\n      height: 3px;\n      left: 0;\n      opacity: 0;\n      position: absolute;\n      right: 0;\n    }\n  }\n\n  .pds-tab-edge {\n    display: none;\n  }\n}\n\n.pds-tabs--availability {\n  --tab-background-color: transparent;\n\n  .pds-tab {\n    background-color: var(--tab-background-color);\n    border-radius: 8px 8px 0 0;\n    padding: 8px 16px 13px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --tab-background-color: var(--color-white);\n\n      .pds-tab__content::after {\n        opacity: 1;\n      }\n\n      .pds-tab-edge {\n        z-index: 1;\n      }\n    }\n\n    &:hover:not(.is-active, [aria-selected='true']) {\n      --tab-background-color: var(--background-color-tab);\n    }\n\n    &:focus-visible {\n      color: var(--color);\n    }\n  }\n\n  .pds-tab__content {\n    font-size: var(--font-size-xs);\n    line-height: var(--line-height-xs);\n    padding-bottom: 7px;\n  }\n\n  .pds-tab-edge {\n    bottom: 0;\n    display: block;\n    height: 8px;\n    inset-inline-end: 100%;\n    overflow: hidden;\n    position: absolute;\n    width: 8px;\n\n    &::before {\n      border-radius: 50%;\n      bottom: 0;\n      box-shadow: 4px 4px 0 0 var(--tab-background-color);\n      content: '';\n      display: block;\n      height: 200%;\n      inset-inline-end: 0;\n      position: absolute;\n      width: 200%;\n    }\n  }\n\n  .pds-tab-edge--end {\n    inset-inline-end: unset;\n    inset-inline-start: 100%;\n\n    &::before {\n      box-shadow: -4px 4px 0 0 var(--tab-background-color);\n      inset-inline-end: unset;\n      inset-inline-start: 0;\n    }\n  }\n}\n\n.pds-tabs--filter {\n  --tab-background-color: var(--background-color-tab);\n\n  .pds-tab {\n    background-color: var(--tab-background-color);\n    border-radius: 50px;\n    color: var(--color-active);\n    padding: 6px 15px;\n\n    &.is-active,\n    &[aria-selected='true'] {\n      --tab-background-color: var(--background-color-tab-active);\n      color: var(--color-white)\n    }\n\n    &:hover:not(.is-active, [aria-selected='true']) {\n      --tab-background-color: var(--background-color-tab-hover);\n    }\n  }\n\n  .pds-tab__content {\n    font-size: var(--font-size-sm);\n    line-height: var(--line-height-sm);\n    padding-block-end: 0;\n\n    &::after {\n      content: unset;\n    }\n  }\n}\n","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'pds-tab',\n  styleUrl: 'pds-tab.scss',\n  shadow: false,\n})\nexport class PdsTab {\n  @Element() el: HTMLPdsTabElement;\n\n  /**\n   * Sets the related tab name, this name must match a `pds-tabpanel`'s tab name property\n   */\n  @Prop() name!: string;\n\n  /**\n   * Keeps track of the parentComponentId unique id, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() parentComponentId: string;\n\n  /**\n   * Keeps track of if the expected tab variant, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() variant: string;\n\n  /**\n   * Keeps track of if the tab index number, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() index: number;\n\n  /**\n   * Keeps track of the tabpanel selected state, this property is passed by parent component\n   */\n  /** @internal */\n  @Prop() selected = false;\n\n  /**\n   * Emits an event upon tab click for `pds-tab` and `pds-tabpanel` to listen for\n   */\n  /** @internal */\n  @Event() pdsTabClick: EventEmitter<object>;\n  private onTabClick(index, parentComponentId) {\n    this.pdsTabClick.emit([index, parentComponentId]);\n  }\n\n  render() {\n    const availabilityTabEdgeInlineStart = (\n      <span class=\"pds-tab-edge\" role=\"presentation\"></span>\n    )\n\n    const availabilityTabEdgeInlineEnd = (\n      <span class=\"pds-tab-edge pds-tab-edge--end\" role=\"presentation\"></span>\n    )\n\n    return (\n      <Host variant={this.variant} slot=\"tabs\" index={this.index}>\n        <button\n          role=\"tab\"\n          id={this.parentComponentId + \"__\" + this.name}\n          aria-controls={this.parentComponentId + \"__\" + this.name + \"-panel\"}\n          tabindex={this.selected ? \"0\" : \"-1\"}\n          aria-selected={this.selected ? \"true\" : \"false\"}\n          class={this.selected ? \"pds-tab is-active\" : \"pds-tab\"}\n          onClick={this.onTabClick.bind(this, this.index, this.parentComponentId)}\n        >\n          {this.variant === \"availability\" && availabilityTabEdgeInlineStart}\n          {this.variant === \"availability\" && availabilityTabEdgeInlineEnd}\n          <div class=\"pds-tab__content\"><slot/></div>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAY,urIAClB,MAAAC,EAAeD,E,MCMFE,EAAM,M,iLA8BE,K,CAOX,UAAAC,CAAWC,EAAOC,GACxBC,KAAKC,YAAYC,KAAK,CAACJ,EAAOC,G,CAGhC,MAAAI,GACE,MAAMC,EACJC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,eAAeC,KAAK,iBAGlC,MAAMC,EACJJ,EAAA,QAAAC,IAAA,2CAAMC,MAAM,iCAAiCC,KAAK,iBAGpD,OACEH,EAACK,EAAI,CAAAJ,IAAA,2CAACK,QAASX,KAAKW,QAASC,KAAK,OAAOd,MAAOE,KAAKF,OACnDO,EAAA,UAAAC,IAAA,2CACEE,KAAK,MACLK,GAAIb,KAAKD,kBAAoB,KAAOC,KAAKc,KAAI,gBAC9Bd,KAAKD,kBAAoB,KAAOC,KAAKc,KAAO,SAC3DC,SAAUf,KAAKgB,SAAW,IAAM,KAAI,gBACrBhB,KAAKgB,SAAW,OAAS,QACxCT,MAAOP,KAAKgB,SAAW,oBAAsB,UAC7CC,QAASjB,KAAKH,WAAWqB,KAAKlB,KAAMA,KAAKF,MAAOE,KAAKD,oBAEpDC,KAAKW,UAAY,gBAAkBP,EACnCJ,KAAKW,UAAY,gBAAkBF,EACpCJ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBAAmBF,EAAA,QAAAC,IAAA,+C"}

package/dist/pine-core/{p-0cdd6574.system.js → p-4da2e899.system.js}

@@ -1 +1,2 @@
-System.register(["./p-8248c25e.system.js"],(function(r){"use strict";var e;return{setters:[function(r){e=r.h}],execute:function(){var t=r("m",(function(r,e){return"".concat(r,"__").concat(e,"-message")}));var n=r("a",(function(r,e,n){if(!n)return;var u=t(r,"helper");if(e)u=t(r,"error");return u}));var u=r("i",(function(r,e){if(!r||!e)return;if(e.required===true){r.checkValidity()===false?e.invalid=true:e.invalid=false}}));var s=r("P",(function(r){var t=r.classNames,n=r.htmlFor,u=r.text;return e("label",{class:t,htmlFor:n},u)}))}}}));
+System.register(["./p-c563d4e7.system.js"],(function(r){"use strict";var e;return{setters:[function(r){e=r.h}],execute:function(){var t=r("m",(function(r,e){return"".concat(r,"__").concat(e,"-message")}));var n=r("a",(function(r,e,n){if(!n)return;var u=t(r,"helper");if(e)u=t(r,"error");return u}));var u=r("i",(function(r,e){if(!r||!e)return;if(e.required===true){r.checkValidity()===false?e.invalid=true:e.invalid=false}}));var s=r("P",(function(r){var t=r.classNames,n=r.htmlFor,u=r.text;return e("label",{class:t,htmlFor:n},u)}))}}}));
+//# sourceMappingURL=p-4da2e899.system.js.map

package/dist/pine-core/p-4da2e899.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["messageId","exports","id","messageType","concat","assignDescription","invalid","helperMessage","relatedId","isRequired","target","component","required","checkValidity","PdsLabel","_a","classNames","htmlFor","text","h","class"],"sources":["src/utils/form.ts","src/components/_internal/pds-label/pds-label.tsx"],"sourcesContent":["/**\n * Create id for messaging\n */\nexport const messageId = (id: string, messageType: string) => {\n  return `${id}__${messageType}-message`;\n};\n\n/**\n * Assign aria-description id to relate messages with form element\n */\nexport const assignDescription = (id: string, invalid: boolean, helperMessage: string) => {\n  if (!helperMessage) return\n\n  let relatedId = messageId(id, 'helper')\n\n  if (invalid) relatedId = messageId(id, 'error');\n\n  return relatedId;\n};\n\n/**\n * Updates the `invalid` prop of a form element based on it's values validity\n */\nexport const isRequired = (target, component) => {\n  if ( !target || !component ) return;\n  if (component.required === true) {\n    (target.checkValidity() === false) ? component.invalid = true : component.invalid = false;\n  }\n}\n","import { FunctionalComponent, h } from '@stencil/core';\n\n/**\n * Props for the input label.\n */\ninterface LabelProps {\n  classNames?: string,\n  /**\n   * Corresponds to the 'for' attribute on a label. Useful for\n   * associating a label with a specific input.\n   */\n  htmlFor: string,\n  /**\n   * Label text displayed.\n   */\n  text: string,\n}\n\n/**\n * Returns markup for an input label.\n * @internal\n */\nexport const PdsLabel: FunctionalComponent<LabelProps> = ({ classNames, htmlFor, text }) => (\n  <label class={classNames} htmlFor={htmlFor}>{text}</label>\n);\n"],"mappings":"sIAGaA,EAASC,EAAA,KAAG,SAACC,EAAYC,GACpC,MAAO,GAAAC,OAAGF,EAAE,MAAAE,OAAKD,EAAW,WAC9B,I,IAKaE,EAAiBJ,EAAA,KAAG,SAACC,EAAYI,EAAkBC,GAC9D,IAAKA,EAAe,OAEpB,IAAIC,EAAYR,EAAUE,EAAI,UAE9B,GAAII,EAASE,EAAYR,EAAUE,EAAI,SAEvC,OAAOM,CACT,I,IAKaC,EAAUR,EAAA,KAAG,SAACS,EAAQC,GACjC,IAAMD,IAAWC,EAAY,OAC7B,GAAIA,EAAUC,WAAa,KAAM,CAC9BF,EAAOG,kBAAoB,MAASF,EAAUL,QAAU,KAAOK,EAAUL,QAAU,K,CAExF,I,ICNaQ,EAAQb,EAAA,KAAoC,SAACc,G,IAAEC,EAAUD,EAAAC,WAAEC,EAAOF,EAAAE,QAAEC,EAAIH,EAAAG,KAAE,OACrFC,EAAA,SAAOC,MAAOJ,EAAYC,QAASA,GAAUC,EADwC,G"}

package/dist/pine-core/p-50ea2036.system.js

@@ -1 +1,2 @@
-System.register([],(function(){"use strict";return{execute:function(){}}}));
+System.register([],(function(){"use strict";return{execute:function(){}}}));
+//# sourceMappingURL=p-50ea2036.system.js.map

package/dist/pine-core/p-50ea2036.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/pine-core/p-56ba5cbf.system.js

@@ -0,0 +1,2 @@
+System.register([],(function(t){"use strict";return{execute:function(){var n=t("g",(function(){}))}}}));
+//# sourceMappingURL=p-56ba5cbf.system.js.map

package/dist/pine-core/p-56ba5cbf.system.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["globalScripts","exports"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"uEAAY,IAACA,EAAaC,EAAA,KAAG,WAAM,G"}

package/dist/pine-core/p-57a0a6c5.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as s,H as e}from"./p-b5b5ce83.js";const n="pds-box{--box-background-color:inherit;--box-border-color:inherit;--box-min-height:none;--box-min-width:none;--box-gap-xxs:var(--pine-spacing-050);--box-gap-xs:var(--pine-spacing-100);--box-gap-sm:var(--pine-spacing-200);--box-gap-md:var(--pine-spacing-300);--box-gap-lg:var(--pine-spacing-450);--box-gap-xl:var(--pine-spacing-600);--box-gap-xxl:var(--pine-spacing-800);display:block}[class*=pds-box]{background-color:var(--box-background-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;min-height:var(--box-min-height);min-width:var(--box-min-width)}.pds-row>[class*=pds-box]{position:relative;width:100%}.pds-row>[class*=pds-box].pds-box--auto{width:auto}.pds-spacing-xxs{margin:4px}.pds-spacing-xs{margin:8px}.pds-spacing-sm{margin:16px}.pds-spacing-md{margin:24px}.pds-spacing-lg{margin:36px}.pds-spacing-xl{margin:48px}.pds-spacing-2xl{margin:64px}.pds-spacing-top-xxs{-webkit-margin-before:4px;margin-block-start:4px}.pds-spacing-top-xs{-webkit-margin-before:8px;margin-block-start:8px}.pds-spacing-top-sm{-webkit-margin-before:16px;margin-block-start:16px}.pds-spacing-top-md{-webkit-margin-before:24px;margin-block-start:24px}.pds-spacing-top-lg{-webkit-margin-before:36px;margin-block-start:36px}.pds-spacing-top-xl{-webkit-margin-before:48px;margin-block-start:48px}.pds-spacing-top-2xl{-webkit-margin-before:64px;margin-block-start:64px}.pds-spacing-right-xxs{-webkit-margin-end:4px;margin-inline-end:4px}.pds-spacing-right-xs{-webkit-margin-end:8px;margin-inline-end:8px}.pds-spacing-right-sm{-webkit-margin-end:16px;margin-inline-end:16px}.pds-spacing-right-md{-webkit-margin-end:24px;margin-inline-end:24px}.pds-spacing-right-lg{-webkit-margin-end:36px;margin-inline-end:36px}.pds-spacing-right-xl{-webkit-margin-end:48px;margin-inline-end:48px}.pds-spacing-right-2xl{-webkit-margin-end:64px;margin-inline-end:64px}.pds-spacing-left-xxs{-webkit-margin-start:4px;margin-inline-start:4px}.pds-spacing-left-xs{-webkit-margin-start:8px;margin-inline-start:8px}.pds-spacing-left-sm{-webkit-margin-start:16px;margin-inline-start:16px}.pds-spacing-left-md{-webkit-margin-start:24px;margin-inline-start:24px}.pds-spacing-left-lg{-webkit-margin-start:36px;margin-inline-start:36px}.pds-spacing-left-xl{-webkit-margin-start:48px;margin-inline-start:48px}.pds-spacing-left-2xl{-webkit-margin-start:64px;margin-inline-start:64px}.pds-spacing-bottom-xxs{-webkit-margin-after:4px;margin-block-end:4px}.pds-spacing-bottom-xs{-webkit-margin-after:8px;margin-block-end:8px}.pds-spacing-bottom-sm{-webkit-margin-after:16px;margin-block-end:16px}.pds-spacing-bottom-md{-webkit-margin-after:24px;margin-block-end:24px}.pds-spacing-bottom-lg{-webkit-margin-after:36px;margin-block-end:36px}.pds-spacing-bottom-xl{-webkit-margin-after:48px;margin-block-end:48px}.pds-spacing-bottom-2xl{-webkit-margin-after:64px;margin-block-end:64px}.pds-box-offset-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-12{-webkit-margin-start:100%;margin-inline-start:100%}@media (max-width: 575px){.pds-box-offset-xs-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xs-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xs-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xs-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xs-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xs-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xs-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xs-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xs-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xs-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xs-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xs-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xs-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 576px){.pds-box-offset-sm-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-sm-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-sm-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-sm-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-sm-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-sm-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-sm-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-sm-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-sm-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-sm-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-sm-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-sm-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-sm-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 768px){.pds-box-offset-md-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-md-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-md-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-md-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-md-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-md-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-md-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-md-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-md-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-md-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-md-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-md-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-md-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 992px){.pds-box-offset-lg-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-lg-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-lg-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-lg-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-lg-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-lg-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-lg-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-lg-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-lg-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-lg-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-lg-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-lg-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-lg-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 1200px){.pds-box-offset-xl-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xl-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xl-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xl-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xl-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xl-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xl-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xl-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xl-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xl-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xl-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xl-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xl-12{-webkit-margin-start:100%;margin-inline-start:100%}}.pds-box-0{display:none}.pds-box-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}@media (max-width: 575px){.pds-box-xs-0{display:none}.pds-box-xs-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xs-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xs-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xs-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xs-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xs-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xs-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xs-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xs-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xs-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xs-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xs-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 576px){.pds-box-sm-0{display:none}.pds-box-sm-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-sm-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-sm-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-sm-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-sm-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-sm-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-sm-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-sm-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-sm-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-sm-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-sm-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-sm-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 768px){.pds-box-md-0{display:none}.pds-box-md-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-md-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-md-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-md-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-md-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-md-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-md-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-md-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-md-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-md-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-md-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-md-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 992px){.pds-box-lg-0{display:none}.pds-box-lg-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-lg-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-lg-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-lg-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-lg-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-lg-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-lg-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-lg-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-lg-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-lg-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-lg-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-lg-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 1200px){.pds-box-xl-0{display:none}.pds-box-xl-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xl-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xl-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xl-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xl-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xl-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xl-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xl-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xl-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xl-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xl-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xl-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}.pds-box{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.pds-box--auto{-ms-flex:0 0 var(--box-min-width, fit-content);flex:0 0 var(--box-min-width, fit-content);min-width:auto;width:auto}.pds-box--fit{max-width:100%;min-width:100%;width:100%}.pds-box--border{border-color:var(--box-border-color, var(--pine-border-default-color));border-style:var(--pine-border-default-style);border-width:var(--pine-border-default-width)}.pds-box--display-flex{display:-ms-flexbox;display:flex}.pds-box--display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box--display-block{display:block}.pds-box--display-inline-block{display:inline-block}.pds-box--flex-none{-ms-flex:0 0 auto;flex:0 0 auto}.pds-box--flex-grow{-ms-flex:1 1 auto;flex:1 1 auto}.pds-box--flex-shrink{-ms-flex:0 0 auto;flex:0 0 auto}.pds-border-radius-none{border-radius:0}.pds-border-radius-xs{border-radius:var(--pine-border-radius-xs)}.pds-border-radius-sm{border-radius:var(--pine-border-radius-sm)}.pds-border-radius-md{border-radius:var(--pine-border-radius-md)}.pds-border-radius-lg{border-radius:var(--pine-border-radius-lg)}.pds-border-radius-circle{border-radius:50%}.pds-shadow-xs{-webkit-box-shadow:var(--pine-box-shadow-xs);box-shadow:var(--pine-box-shadow-xs)}.pds-shadow-sm{-webkit-box-shadow:var(--pine-box-shadow-sm);box-shadow:var(--pine-box-shadow-sm)}.pds-shadow-md{-webkit-box-shadow:var(--pine-box-shadow-md);box-shadow:var(--pine-box-shadow-md)}.pds-shadow-lg{-webkit-box-shadow:var(--pine-box-shadow-lg);box-shadow:var(--pine-box-shadow-lg)}.pds-box-gap-none{gap:0}.pds-box-gap-xxs{gap:var(--box-gap-xxs)}.pds-box-gap-xs{gap:var(--box-gap-xs)}.pds-box-gap-sm{gap:var(--box-gap-sm)}.pds-box-gap-md{gap:var(--box-gap-md)}.pds-box-gap-lg{gap:var(--box-gap-lg)}.pds-box-gap-xl{gap:var(--box-gap-xl)}.pds-box-gap-xxl{gap:var(--box-gap-2xl)}.pds-padding-none{padding:0}.pds-padding-xxs{padding:var(--box-gap-xxs)}.pds-padding-xs{padding:var(--box-gap-xxs)}.pds-padding-sm{padding:var(--box-gap-sm)}.pds-padding-md{padding:var(--box-gap-md)}.pds-padding-lg{padding:var(--box-gap-lg)}.pds-padding-xl{padding:var(--box-gap-xl)}.pds-padding-xxl{padding:var(--box-gap-2xl)}.pds-box-display-flex{display:-ms-flexbox;display:flex}.pds-box-display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box-direction-row{-ms-flex-direction:row;flex-direction:row}.pds-box-direction-column{-ms-flex-direction:column;flex-direction:column}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}";const x=n;const t=class{constructor(s){i(this,s);this.alignItems=undefined;this.auto=undefined;this.backgroundColor=undefined;this.border=false;this.borderColor=undefined;this.borderRadius=undefined;this.direction=undefined;this.display=undefined;this.fit=undefined;this.gap=undefined;this.flex=undefined;this.justifyContent=undefined;this.minHeight=undefined;this.minWidth=undefined;this.offset=undefined;this.offsetXs=undefined;this.offsetSm=undefined;this.offsetMd=undefined;this.offsetLg=undefined;this.offsetXl=undefined;this.padding=undefined;this.shadow=undefined;this.size=undefined;this.sizeXs=undefined;this.sizeSm=undefined;this.sizeMd=undefined;this.sizeLg=undefined;this.sizeXl=undefined}render(){const i=`\n    ${this.alignItems!==undefined&&this.alignItems.trim()!==""?`pds-align-items-${this.alignItems}`:""}\n    ${this.auto?"pds-box--auto":""}\n    ${this.border?"pds-box--border":""}\n    ${this.borderRadius!==undefined&&this.borderRadius.trim()!==""?`pds-border-radius-${this.borderRadius}`:""}\n    ${this.direction!==undefined&&this.direction.trim()!==""?`pds-box-direction-${this.direction}`:""}\n    ${this.display!==undefined&&this.display.trim()!==""?`pds-box--display-${this.display}`:""}\n    ${this.fit?"pds-box--fit":""}\n    ${this.gap!==undefined&&this.gap.trim()!==""?`pds-box-gap-${this.gap}`:""}\n    ${this.flex!==undefined&&this.flex.trim()!==""?`pds-box--flex-${this.flex}`:""}\n    ${this.justifyContent!==undefined&&this.justifyContent.trim()!==""?`pds-justify-content-${this.justifyContent}`:""}\n    ${this.offset!==undefined&&this.offset.trim()!==""?`pds-box-offset-${this.offset}`:""}\n    ${this.offsetXs!==undefined&&this.offsetXs.trim()!==""?`pds-box-offset-xs-${this.offsetXs}`:""}\n    ${this.offsetSm!==undefined&&this.offsetSm.trim()!==""?`pds-box-offset-sm-${this.offsetSm}`:""}\n    ${this.offsetMd!==undefined&&this.offsetMd.trim()!==""?`pds-box-offset-md-${this.offsetMd}`:""}\n    ${this.offsetLg!==undefined&&this.offsetLg.trim()!==""?`pds-box-offset-lg-${this.offsetLg}`:""}\n    ${this.offsetXl!==undefined&&this.offsetXl.trim()!==""?`pds-box-offset-xl-${this.offsetXl}`:""}\n    ${this.padding!==undefined&&this.padding.trim()!==""?`pds-padding-${this.padding}`:""}\n    ${this.shadow!==undefined&&this.shadow.trim()!==""?`pds-shadow-${this.shadow}`:""}\n    ${this.size!==undefined&&this.size.trim()!==""?`pds-box pds-box-${this.size}`:""}\n    ${this.sizeXs!==undefined&&this.sizeXs.trim()!==""?`pds-box-xs-${this.sizeXs}`:""}\n    ${this.sizeSm!==undefined&&this.sizeSm.trim()!==""?`pds-box-sm-${this.sizeSm}`:""}\n    ${this.sizeMd!==undefined&&this.sizeMd.trim()!==""?`pds-box-md-${this.sizeMd}`:""}\n    ${this.sizeLg!==undefined&&this.sizeLg.trim()!==""?`pds-box-lg-${this.sizeLg}`:""}\n    ${this.sizeXl!==undefined&&this.sizeXl.trim()!==""?`pds-box-xl-${this.sizeXl}`:""}\n    ${this.size==undefined&&this.sizeSm==undefined&&this.sizeMd==undefined&&this.sizeLg==undefined&&this.sizeXl==undefined?"pds-box":""}\n    `;const n=Object.assign(Object.assign(Object.assign(Object.assign({},this.backgroundColor&&{"--box-background-color":this.backgroundColor}),this.borderColor&&{"--box-border-color":this.borderColor}),this.minHeight&&{"--box-min-height":this.minHeight}),this.minWidth&&{"--box-min-width":this.minWidth});return s(e,{key:"c04696c04b987f82aa03e23d41078ffa32ed6e78",class:i,style:n})}};t.style=x;export{t as pds_box};
+//# sourceMappingURL=p-57a0a6c5.entry.js.map

package/dist/pine-core/p-57a0a6c5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsBoxCss","PdsBoxStyle0","PdsBox","render","boxClasses","this","alignItems","undefined","trim","auto","border","borderRadius","direction","display","fit","gap","flex","justifyContent","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","padding","shadow","size","sizeXs","sizeSm","sizeMd","sizeLg","sizeXl","boxInlineStyles","Object","assign","backgroundColor","borderColor","minHeight","minWidth","h","Host","key","class","style"],"sources":["src/components/pds-box/pds-box.scss?tag=pds-box","src/components/pds-box/pds-box.tsx"],"sourcesContent":["@import './pds-box.mixins';\n\npds-box {\n  --box-background-color: inherit;\n  --box-border-color: inherit;\n  --box-min-height: none;\n  --box-min-width: none;\n\n  --box-gap-xxs: var(--pine-spacing-050);\n  --box-gap-xs: var(--pine-spacing-100);\n  --box-gap-sm: var(--pine-spacing-200);\n  --box-gap-md: var(--pine-spacing-300);\n  --box-gap-lg: var(--pine-spacing-450);\n  --box-gap-xl: var(--pine-spacing-600);\n  --box-gap-xxl: var(--pine-spacing-800);\n\n  display: block;\n}\n\n[class*='pds-box'] {\n  background-color: var(--box-background-color);\n  box-sizing: border-box;\n  display: inline-flex;\n  min-height: var(--box-min-height);;\n  min-width: var(--box-min-width);\n\n  // The immediate child of the row will fit the width of the row\n  .pds-row > & {\n    position: relative;\n    width: 100%;\n\n    &.pds-box--auto {\n      width: auto;\n    }\n  }\n}\n\n// Spacing mixin\n$pine-spacing-tokens: (\n  xxs: 4px,\n  xs: 8px,\n  sm: 16px,\n  md: 24px,\n  lg: 36px,\n  xl: 48px,\n  2xl: 64px,\n);\n\n// Generate spacing classes\n@include generate-spacing-classes(false, $pine-spacing-tokens);\n@include generate-spacing-classes('top', $pine-spacing-tokens);\n@include generate-spacing-classes('right', $pine-spacing-tokens);\n@include generate-spacing-classes('left', $pine-spacing-tokens);\n@include generate-spacing-classes('bottom', $pine-spacing-tokens);\n\n// Base offset classes\n@include generate-column-offsets(false, 12);\n\n// Responsive offset classes\n@media (max-width: 575px) {\n  @include generate-column-offsets('xs', 12);\n}\n\n@media (min-width: 576px) {\n  @include generate-column-offsets('sm', 12);\n}\n\n@media (min-width: 768px) {\n  @include generate-column-offsets('md', 12);\n}\n\n@media (min-width: 992px) {\n  @include generate-column-offsets('lg', 12);\n}\n\n@media (min-width: 1200px) {\n  @include generate-column-offsets('xl', 12);\n}\n\n\n// Base column width classes\n@include generate-columns(false, 12);\n\n// Responsive column width classes\n@media (max-width: 575px) {\n  @include generate-columns('xs', 12);\n}\n\n@media (min-width: 576px) {\n  @include generate-columns('sm', 12);\n}\n\n@media (min-width: 768px) {\n  @include generate-columns('md', 12);\n}\n\n@media (min-width: 992px) {\n  @include generate-columns('lg', 12);\n}\n\n@media (min-width: 1200px) {\n  @include generate-columns('xl', 12);\n}\n\n.pds-box {\n  flex-basis: 0;\n  flex-grow: 1;\n}\n\n.pds-box--auto {\n  flex: 0 0 var(--box-min-width, fit-content);\n  min-width: auto;\n  width: auto;\n}\n\n.pds-box--fit {\n  max-width: 100%;\n  min-width: 100%;\n  width: 100%;\n}\n\n.pds-box--border {\n  border-color: var(--box-border-color, var(--pine-border-default-color));\n  border-style: var(--pine-border-default-style);\n  border-width: var(--pine-border-default-width);\n}\n\n// Display helpers\n.pds-box--display-flex {\n  display: flex;\n}\n\n.pds-box--display-inline-flex {\n  display: inline-flex;\n}\n\n.pds-box--display-block {\n  display: block;\n}\n\n.pds-box--display-inline-block {\n  display: inline-block;\n}\n\n// Flex helpers\n.pds-box--flex-none {\n  flex: 0 0 auto;\n}\n\n.pds-box--flex-grow {\n  flex: 1 1 auto\n}\n\n.pds-box--flex-shrink {\n  flex: 0 0 auto;\n}\n\n// Border radius helpers\n.pds-border-radius-none {\n  border-radius: 0;\n}\n\n.pds-border-radius-xs {\n  border-radius: var(--pine-border-radius-xs);\n}\n\n.pds-border-radius-sm {\n  border-radius: var(--pine-border-radius-sm);\n}\n\n.pds-border-radius-md {\n  border-radius: var(--pine-border-radius-md);\n}\n\n.pds-border-radius-lg {\n  border-radius: var(--pine-border-radius-lg);\n}\n\n.pds-border-radius-circle {\n  border-radius: 50%;\n}\n\n// Box shadow helpers\n.pds-shadow-xs {\n  box-shadow: var(--pine-box-shadow-xs);\n}\n\n.pds-shadow-sm {\n  box-shadow: var(--pine-box-shadow-sm);\n}\n\n.pds-shadow-md {\n  box-shadow: var(--pine-box-shadow-md);\n}\n\n.pds-shadow-lg {\n  box-shadow: var(--pine-box-shadow-lg);\n}\n\n// Gap helpers\n.pds-box-gap-none {\n  gap: 0;\n}\n\n.pds-box-gap-xxs {\n  gap: var(--box-gap-xxs);\n}\n\n.pds-box-gap-xs {\n  gap: var(--box-gap-xs);\n}\n\n.pds-box-gap-sm {\n  gap: var(--box-gap-sm);\n}\n\n.pds-box-gap-md {\n  gap: var(--box-gap-md);\n}\n\n.pds-box-gap-lg {\n  gap: var(--box-gap-lg);\n}\n\n.pds-box-gap-xl {\n  gap: var(--box-gap-xl);\n}\n\n.pds-box-gap-xxl {\n  gap: var(--box-gap-2xl);\n}\n\n// Spacing helpers\n.pds-padding-none {\n  padding: 0;\n}\n\n.pds-padding-xxs {\n  padding: var(--box-gap-xxs);\n}\n\n.pds-padding-xs {\n  padding: var(--box-gap-xxs);\n}\n\n.pds-padding-sm {\n  padding: var(--box-gap-sm);\n}\n\n.pds-padding-md {\n  padding: var(--box-gap-md);\n}\n\n.pds-padding-lg {\n  padding: var(--box-gap-lg);\n}\n\n.pds-padding-xl {\n  padding: var(--box-gap-xl);\n}\n\n.pds-padding-xxl {\n  padding: var(--box-gap-2xl);\n}\n\n// Display helpers\n.pds-box-display-flex {\n  display: flex;\n}\n\n.pds-box-display-inline-flex {\n  display: inline-flex;\n}\n\n// Flex Direction helpers\n.pds-box-direction-row {\n  flex-direction: row;\n}\n\n.pds-box-direction-column {\n  flex-direction: column;\n}\n\n// Justify Content helpers\n.pds-justify-content-start {\n  justify-content: start;\n}\n\n.pds-justify-content-center {\n  justify-content: center;\n}\n\n.pds-justify-content-end {\n  justify-content: end;\n}\n\n.pds-justify-content-space-between {\n  justify-content: space-between;\n}\n\n.pds-justify-content-space-around {\n  justify-content: space-around;\n}\n\n.pds-justify-content-space-evenly {\n  justify-content: space-evenly;\n}\n\n// Align Items helpers\n.pds-align-items-start {\n  align-items: start;\n}\n\n.pds-align-items-center {\n  align-items: center;\n}\n\n.pds-align-items-end {\n  align-items: end;\n}\n\n.pds-align-items-stretch {\n  align-items: stretch;\n}\n\n.pds-align-items-baseline {\n  align-items: baseline;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nimport { BoxColumnType, BoxTShirtSizeType } from '../../utils/types';\n\n@Component({\n  tag: 'pds-box',\n  styleUrl: 'pds-box.scss',\n})\nexport class PdsBox {\n  /**\n   * Defines the vertical alignment of the box items.\n   * @defaultValue start\n  */\n  @Prop() alignItems?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * If `true`, the box will be sized to fit its contents.\n   */\n  @Prop() auto?: boolean;\n\n  /**\n   *  Defines the background-color of the box.\n   */\n  @Prop() backgroundColor?: string;\n\n  /**\n   * If `true`, the box will have a border.\n   */\n  @Prop() border? = false;\n\n  /**\n   *  Defines the border color of the box.\n   */\n  @Prop() borderColor?: string;\n\n  /**\n   * Defines how rounded the box corners are.\n   * @defaultValue none\n   */\n  @Prop() borderRadius?: `none` | `xs`| `sm` | `md` | `lg` | `circle`;\n  \n  /**\n   * Defines the orientation of the box items.\n   * @defaultValue row\n   */\n  @Prop() direction?: `row` | `column`;\n\n  /**\n   * Defines the display style of the box.\n   * @defaultValue flex\n  */\n  @Prop() display?: `flex` | `inline-flex` | `block` | `inline-block`;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%`.\n   */\n  @Prop() fit?: boolean;\n\n  /**\n   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() gap?: BoxTShirtSizeType;\n\n  /**\n   * Defines how a box will grow or shrink to fit the space available in its container.\n   * @defaultValue none\n   */\n  @Prop() flex?: `none` | `grow` | `shrink`;\n\n  /**\n   * Defines the horizontal alignment of the box items.\n   * @defaultValue start\n  */\n  @Prop() justifyContent?: `start` | `center` | `end` | `space-between` | `space-around`;\n\n  /**\n   * The minimum height of the row. Used in conjunction with alignment props\n   */\n  @Prop() minHeight?: string;\n\n  /**\n   * The minimum width of the row. Used in conjunction with alignment props\n   */\n  @Prop() minWidth?: string;\n  \n  /**\n   * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.\n   */\n  @Prop() offset?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetXs?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetSm?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetMd?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetLg?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetXl?: BoxColumnType;\n\n  /**\n   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() padding?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box shadow.\n   * @defaultValue none\n  */\n  @Prop() shadow?: BoxTShirtSizeType;\n\n  /**\n   * Size of the column for all screen sizes that are not explicitly set.\n   */\n  @Prop() size?: BoxColumnType;\n\n  /**\n   * At screen sizes less than the `XS` breakpoint, this will take the number of columns specified.\n   */\n  @Prop() sizeXs?: BoxColumnType;\n\n  /**\n   * At screen sizes greater than the `SM` breakpoint, this will take the number of columns specified.\n   */\n  @Prop() sizeSm?: BoxColumnType;\n\n  /**\n   * At screen sizes greater than the `MD` breakpoint, this will take the number of columns specified.\n   */\n  @Prop() sizeMd?: BoxColumnType;\n\n  /**\n   * At screen sizes greater than the `LG` breakpoint, this will take the number of columns specified.\n   */\n  @Prop() sizeLg?: BoxColumnType;\n\n  /**\n   * At screen sizes greater than the `XL` breakpoint, this will take the number of columns specified.\n   */\n  @Prop() sizeXl?: BoxColumnType;\n\n  render() {\n    const boxClasses = `\n    ${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}\n    ${this.auto ? 'pds-box--auto' : ''}\n    ${this.border ? 'pds-box--border' : ''}\n    ${this.borderRadius !== undefined && this.borderRadius.trim() !== '' ? `pds-border-radius-${this.borderRadius}` : ''}\n    ${this.direction !== undefined && this.direction.trim() !== '' ? `pds-box-direction-${this.direction}` : ''}\n    ${this.display !== undefined && this.display.trim() !== '' ? `pds-box--display-${this.display}` : ''}\n    ${this.fit ? 'pds-box--fit' : ''}\n    ${this.gap !== undefined && this.gap.trim() !== '' ? `pds-box-gap-${this.gap}` : ''}\n    ${this.flex !== undefined && this.flex.trim() !== '' ? `pds-box--flex-${this.flex}` : ''}\n    ${this.justifyContent !== undefined && this.justifyContent.trim() !== '' ? `pds-justify-content-${this.justifyContent}` : ''}\n    ${this.offset !== undefined && this.offset.trim() !== '' ? `pds-box-offset-${this.offset}` : ''}\n    ${this.offsetXs !== undefined && this.offsetXs.trim() !== '' ? `pds-box-offset-xs-${this.offsetXs}` : ''}\n    ${this.offsetSm !== undefined && this.offsetSm.trim() !== '' ? `pds-box-offset-sm-${this.offsetSm}` : ''}\n    ${this.offsetMd !== undefined && this.offsetMd.trim() !== '' ? `pds-box-offset-md-${this.offsetMd}` : ''}\n    ${this.offsetLg !== undefined && this.offsetLg.trim() !== '' ? `pds-box-offset-lg-${this.offsetLg}` : ''}\n    ${this.offsetXl !== undefined && this.offsetXl.trim() !== '' ? `pds-box-offset-xl-${this.offsetXl}` : ''}\n    ${this.padding !== undefined && this.padding.trim() !== '' ? `pds-padding-${this.padding}` : ''}\n    ${this.shadow !== undefined && this.shadow.trim() !== '' ? `pds-shadow-${this.shadow}` : ''}\n    ${this.size !== undefined && this.size.trim() !== '' ? `pds-box pds-box-${this.size}` : ''}\n    ${this.sizeXs !== undefined && this.sizeXs.trim() !== '' ? `pds-box-xs-${this.sizeXs}` : ''}\n    ${this.sizeSm !== undefined && this.sizeSm.trim() !== '' ? `pds-box-sm-${this.sizeSm}` : ''}\n    ${this.sizeMd !== undefined && this.sizeMd.trim() !== '' ? `pds-box-md-${this.sizeMd}` : ''}\n    ${this.sizeLg !== undefined && this.sizeLg.trim() !== '' ? `pds-box-lg-${this.sizeLg}` : ''}\n    ${this.sizeXl !== undefined && this.sizeXl.trim() !== '' ? `pds-box-xl-${this.sizeXl}` : ''}\n    ${this.size == undefined &&\n      this.sizeSm == undefined &&\n      this.sizeMd == undefined &&\n      this.sizeLg == undefined &&\n      this.sizeXl == undefined ? 'pds-box' : ''}\n    `;\n\n    const boxInlineStyles = {\n      ...(this.backgroundColor && { '--box-background-color': this.backgroundColor }),\n      ...(this.borderColor && { '--box-border-color': this.borderColor }),\n      ...(this.minHeight && { '--box-min-height': this.minHeight }),\n      ...(this.minWidth && { '--box-min-width': this.minWidth }),\n    };\n\n    return (\n      <Host class={boxClasses} style={boxInlineStyles}>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/pine-core/p-671527a0.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as s,H as t}from"./p-b5b5ce83.js";const e=":host{--image-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--image-aspect-ratio);height:auto;width:100%}";const a=e;const d=class{constructor(s){i(this,s);this.alt="";this.componentId=undefined;this.height=undefined;this.loading="eager";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.width=undefined}render(){return s(t,{key:"835f04e58f7a7f831575512bb4582fc22a563652",class:{"pds-image":true},id:this.componentId},s("img",{key:"d002c0ae968a6a4a8d965c9bbae905da31629d7f",alt:this.alt,height:this.height,loading:this.loading,sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))}};d.style=a;export{d as pds_image};
+//# sourceMappingURL=p-671527a0.entry.js.map

package/dist/pine-core/p-671527a0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsImageCss","PdsImageStyle0","PdsImage","render","h","Host","key","class","id","this","componentId","alt","height","loading","sizes","src","srcset","width"],"sources":["src/components/pds-image/pds-image.scss?tag=pds-image&encapsulation=shadow","src/components/pds-image/pds-image.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --image-aspect-ratio: The image's aspect ratio.\n  */\n\n  --image-aspect-ratio: auto;\n  display: inline-block;\n}\n\nimg {\n  aspect-ratio: var(--image-aspect-ratio);\n  height: auto;\n  width: 100%;\n}","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pds-image',\n  styleUrl: 'pds-image.scss',\n  shadow: true,\n})\nexport class PdsImage {\n  /**\n   * The image's alt tag. If none is provided,\n   * it will default to an empty string.\n   */\n  @Prop() alt? = '';\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * The height of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() height?: number;\n\n  /**\n   * Indicates how the browser should load the image.\n   */\n  @Prop() loading?: 'eager' | 'lazy' = 'eager';\n\n  /**\n   * Determines the intended display size of an image\n   * within certian breakpoints. Has no effect if `srcset`\n   * is not set or value has no width descriptor.\n   */\n  @Prop() sizes?: string;\n\n  /**\n   * The image's source.\n   */\n  @Prop() src: string;\n\n  /**\n   * A set of image sources for the browser to use.\n   */\n  @Prop() srcset?: string\n\n  /**\n   * The width of the image in pixels. Setting this will\n   * devote space in the layout to prevent layout\n   * shifts when the image is loaded.\n   */\n  @Prop() width?: number;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'pds-image': true,\n        }}\n        id={this.componentId}\n      >\n        <img\n          alt={this.alt}\n          height={this.height}\n          loading={this.loading}\n          sizes={this.sizes}\n          src={this.src}\n          srcset={this.srcset}\n          width={this.width}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,0HACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,M,kCAKJ,G,8DAiBsB,Q,mFA0BrC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,YAAa,MAEfC,GAAIC,KAAKC,aAETN,EAAA,OAAAE,IAAA,2CACEK,IAAKF,KAAKE,IACVC,OAAQH,KAAKG,OACbC,QAASJ,KAAKI,QACdC,MAAOL,KAAKK,MACZC,IAAKN,KAAKM,IACVC,OAAQP,KAAKO,OACbC,MAAOR,KAAKQ,Q"}

package/dist/pine-core/p-7248b927.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as n,H as e,g as i}from"./p-b5b5ce83.js";let s=false;const r=t=>{var n;const e=(n=document.head.querySelector("meta[data-pine-asset-path]"))===null||n===void 0?void 0:n.dataset.pineAssetPath;const i=window.__PINE_ASSET_PATH__;const r="https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/";const o=e||i||r||"/";if(o.startsWith("https://cdn.jsdelivr.net/npm/")&&!s){s=true;console.warn(`\n      Fetching Pine asssets from jsDelivr CDN.\n\n It's recommended that you bundle Pine Assets with your application and setting the path accordingly.\n\nFor more information you read the documentation:\n    `)}let c=t;if(t.startsWith("./")){c=t.substring(2)}if(!o.endsWith("/")){c="/"+c}return o+c};let o;const c=()=>{if(typeof window==="undefined"){return new Map}else{if(!o){const t=window;t.PdsIcons=t.PdsIcons||{};o=t.PdsIcons.map=t.PdsIcons.map||new Map}return o}};const l=(t,n)=>{if(!t&&n&&!u(n)){t=n}if(h(t)){t=p(t)}if(!h(t)||t.trim()===""){return null}const e=t.replace(/[a-z]|-|\d/gi,"");if(e!=""){return null}return t};const d=t=>{const n=c().get(t);if(n){return n}return r(`svg/${t}.svg`)};const a=t=>{if(h(t)){t=t.trim();if(u(t)){return t}}return null};const f=t=>{let n=a(t.src);if(n){return n}n=l(t.name,t.icon);if(n){return d(n)}if(t.icon){n=a(t.icon);if(n){return n}}return null};const u=t=>t.length>0&&/(\/|\.)/.test(t);const h=t=>typeof t==="string";const p=t=>t.toLowerCase();const g=(t,n=[])=>{const e={};n.forEach((n=>{if(t.hasAttribute(n)){const i=t.getAttribute(n);if(i!==null){e[n]=t.getAttribute(n)}t.removeAttribute(n)}}));return e};const m=t=>{const n=document.createElement("div");n.innerHTML=t;for(let t=n.childNodes.length-1;t>=0;t--){if(n.childNodes[t].nodeName.toLowerCase()!=="svg"){n.removeChild(n.childNodes[t])}}const e=n.firstElementChild;if(e&&e.nodeName.toLowerCase()==="svg"){const t=e.getAttribute("class")||"";e.setAttribute("class",(t+" s-pds-icon").trim());if(w(e)){return n.innerHTML}}return""};const w=t=>{if(t.nodeType===1){if(t.nodeName.toLowerCase()==="script"){return false}for(let n=0;n<t.attributes.length;n++){const e=t.attributes[n].name;if(h(e)&&e.toLowerCase().indexOf("on")===0){return false}}for(let n=0;n<t.childNodes.length;n++){if(!w(t.childNodes[n])){return false}}}return true};const v=t=>t.startsWith("data:image/svg+xml");const b=t=>t.indexOf(";utf8,")!==-1;const y=new Map;const x=new Map;let M;const j=(t,n=false)=>{let e=x.get(t);if(!e){if(typeof fetch!="undefined"&&typeof document!=="undefined"){if(v(t)&&b(t)){if(!M){M=new DOMParser}const n=M.parseFromString(t,"text/html");const e=n.querySelector("svg");if(e){y.set(t,e.outerHTML)}return Promise.resolve()}else{e=fetch(t).then((e=>{if(e.ok){return e.text().then((e=>{if(e&&n!==false){e=m(e)}y.set(t,e||"")}))}y.set(t,"")}));x.set(t,e)}}else{y.set(t,"");return Promise.resolve()}}return e};const C=":host{contain:strict;display:inline-block;fill:currentColor;height:1em;width:1em}:host .pdsicon{fill:currentColor}.pds-icon-fill-none{fill:none}.icon-inner,.pds-icon,svg{display:block;height:100%;width:100%}";const I=C;const P=class{constructor(n){t(this,n);this.inheritedAttributes={};this.hasAriaHidden=()=>{const{el:t}=this;return t.hasAttribute("aria-hidden")&&t.getAttribute("aria-hidden")==="true"};this.ariaLabel=undefined;this.isVisible=false;this.svgContent=undefined;this.color=undefined;this.icon=undefined;this.name=undefined;this.size="regular";this.src=undefined}iconSize(){const t={small:"12px",regular:"16px",medium:"20px",large:"24px"};if(t[this.size]){return t[this.size]}else{return this.size}}componentWillLoad(){this.inheritedAttributes=g(this.el,["aria-label"])}connectedCallback(){this.waitUntilVisible(this.el,"50px",(()=>{this.isVisible=true;this.loadIcon()}))}disconnectedCallback(){if(this.io){this.io.disconnect();this.io=undefined}}loadIcon(){if(this.isVisible){const t=f(this);if(t){if(y.has(t)){this.svgContent=y.get(t)}else{j(t).then((()=>this.svgContent=y.get(t)))}}}const t=l(this.name,this.icon);if(t){this.ariaLabel=t.replace(/\-/g," ")}}render(){const{ariaLabel:t,inheritedAttributes:i}=this;const s={height:this.iconSize(),width:this.iconSize(),color:this.color};return n(e,Object.assign({"aria-label":t!==undefined&&!this.hasAriaHidden()?t:null,role:"img",style:s,class:Object.assign({},k(this.color))},i),this.svgContent?n("div",{class:"icon-inner",innerHTML:this.svgContent}):n("div",{class:"icon-inner"}))}waitUntilVisible(t,n,e){if(typeof window!=="undefined"&&window.IntersectionObserver){const i=this.io=new window.IntersectionObserver((t=>{if(t[0].isIntersecting){i.disconnect();this.io=undefined;e()}}),{rootMargin:n});i.observe(t)}else{e()}}static get assetsDirs(){return["svg"]}get el(){return i(this)}static get watchers(){return{name:["loadIcon"],src:["loadIcon"],icon:["loadIcon"]}}};const k=t=>t?{"pds-color":true,[`pds-color-${t}`]:true}:null;P.style=I;export{P as pds_icon};
+//# sourceMappingURL=p-7248b927.entry.js.map

package/dist/pine-core/p-7248b927.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["missingAssetPathWarning","getAssetPath","path","_a","metaPineAssetPath","document","head","querySelector","dataset","pineAssetPath","windowAssetPath","window","__PINE_ASSET_PATH__","cdnAssetPath","assetBasePath","startsWith","console","warn","assetPath","substring","endsWith","CACHED_MAP","getIconMap","Map","win","PdsIcons","map","getName","iconName","icon","isSrc","isStr","toLower","trim","invalidChars","replace","getNamedUrl","url","get","getSrc","src","getUrl","pdsIcon","name","str","length","test","val","toLowerCase","inheritAttributes","el","attributes","attributeObject","forEach","attr","hasAttribute","value","getAttribute","removeAttribute","validateContent","svgContent","div","createElement","innerHTML","i","childNodes","nodeName","removeChild","svgElm","firstElementChild","svgClass","setAttribute","isValid","elm","nodeType","indexOf","isSvgDataUrl","isEncodedDataUrl","pdsIconContent","requests","parser","getSvgContent","sanitize","req","fetch","DOMParser","doc","parseFromString","svg","set","outerHTML","Promise","resolve","then","rsp","ok","text","pdsIconCss","PdsIconStyle0","PdsIcon","constructor","hostRef","this","inheritedAttributes","hasAriaHidden","ariaLabel","undefined","isVisible","color","size","iconSize","sizes","small","regular","medium","large","componentWillLoad","connectedCallback","waitUntilVisible","loadIcon","disconnectedCallback","io","disconnect","has","label","render","style","height","width","h","Host","Object","assign","role","class","createColorClasses","rootMargin","cb","IntersectionObserver","data","isIntersecting","observe","assetsDirs"],"sources":["../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/assetPath.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/utils.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/validate.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/request.js","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.css?tag=pds-icon&encapsulation=shadow","../../node_modules/@pine-ds/icons/dist/collection/components/pds-icon/pds-icon.js"],"sourcesContent":["import { Build } from \"@stencil/core\";\nlet missingAssetPathWarning = false;\n/**\n *\n * Reads the component asset path config from meta tag or a global variable.\n * This is a temporary workaround until these issues have been addressed:\n *\n * https://github.com/ionic-team/stencil/issues/2826/\n * https://github.com/ionic-team/stencil/issues/3470\n * https://github.com/ionic-team/stencil-ds-output-targets/issues/186\n */\nexport const getAssetPath = (path) => {\n    var _a;\n    const metaPineAssetPath = (_a = document.head.querySelector('meta[data-pine-asset-path]')) === null || _a === void 0 ? void 0 : _a.dataset.pineAssetPath;\n    // Get the asset path from the window object if available\n    const windowAssetPath = window.__PINE_ASSET_PATH__;\n    // Set the CDN Asset path using the latest version\n    const cdnAssetPath = 'https://cdn.jsdelivr.net/npm/@pine-ds/icons/dist/pds-icons/';\n    const assetBasePath = Build.isTesting ? '/dist/pds-icons' : metaPineAssetPath || windowAssetPath || cdnAssetPath || '/';\n    // Display a warning if the assets are fetched from the CDN.\n    if (assetBasePath.startsWith('https://cdn.jsdelivr.net/npm/') && !missingAssetPathWarning) {\n        missingAssetPathWarning = true;\n        console.warn(`\n      Fetching Pine asssets from jsDelivr CDN.\\n\\n It's recommended that you bundle Pine Assets with your application and setting the path accordingly.\\n\\nFor more information you read the documentation:\n    `);\n    }\n    let assetPath = path;\n    if (path.startsWith('./')) {\n        assetPath = path.substring(2);\n    }\n    if (!assetBasePath.endsWith('/')) {\n        assetPath = '/' + assetPath;\n    }\n    return assetBasePath + assetPath;\n};\n//# sourceMappingURL=assetPath.js.map\n","import { getAssetPath } from \"./assetPath\";\nlet CACHED_MAP;\nexport const addIcons = (icons) => {\n    const map = getIconMap();\n    Object.keys(icons).forEach(name => map.set(name, icons[name]));\n};\nexport const getIconMap = () => {\n    if (typeof window === 'undefined') {\n        return new Map();\n    }\n    else {\n        if (!CACHED_MAP) {\n            const win = window; // eslint-disable-line @typescript-eslint/no-explicit-any\n            win.PdsIcons = win.PdsIcons || {};\n            CACHED_MAP = win.PdsIcons.map = win.PdsIcons.map || new Map();\n        }\n        return CACHED_MAP;\n    }\n};\nexport const getName = (iconName, icon) => {\n    if (!iconName && icon && !isSrc(icon)) {\n        iconName = icon;\n    }\n    if (isStr(iconName)) {\n        iconName = toLower(iconName);\n    }\n    if (!isStr(iconName) || iconName.trim() === '') {\n        return null;\n    }\n    const invalidChars = iconName.replace(/[a-z]|-|\\d/gi, '');\n    if (invalidChars != '') {\n        return null;\n    }\n    return iconName;\n};\nconst getNamedUrl = (iconName) => {\n    const url = getIconMap().get(iconName);\n    if (url) {\n        return url;\n    }\n    return getAssetPath(`svg/${iconName}.svg`);\n};\nexport const getSrc = (src) => {\n    if (isStr(src)) {\n        src = src.trim();\n        if (isSrc(src)) {\n            return src;\n        }\n    }\n    return null;\n};\nexport const getUrl = (pdsIcon) => {\n    let url = getSrc(pdsIcon.src);\n    if (url) {\n        return url;\n    }\n    url = getName(pdsIcon.name, pdsIcon.icon);\n    if (url) {\n        return getNamedUrl(url);\n    }\n    if (pdsIcon.icon) {\n        url = getSrc(pdsIcon.icon);\n        if (url) {\n            return url;\n        }\n    }\n    return null;\n};\nexport const isSrc = (str) => str.length > 0 && /(\\/|\\.)/.test(str);\nexport const isStr = (val) => typeof val === 'string'; // eslint-disable-line @typescript-eslint/no-explicit-any\nexport const toLower = (val) => val.toLowerCase();\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el, attributes = []) => {\n    const attributeObject = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n    attributes.forEach(attr => {\n        if (el.hasAttribute(attr)) {\n            const value = el.getAttribute(attr);\n            if (value !== null) {\n                attributeObject[attr] = el.getAttribute(attr);\n            }\n            el.removeAttribute(attr);\n        }\n    });\n    return attributeObject;\n};\n//# sourceMappingURL=utils.js.map\n","import { isStr } from \"./utils\";\nexport const validateContent = (svgContent) => {\n    const div = document.createElement('div');\n    div.innerHTML = svgContent;\n    // setup this way to ensure it works on our buddy IE\n    for (let i = div.childNodes.length - 1; i >= 0; i--) {\n        if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {\n            div.removeChild(div.childNodes[i]);\n        }\n    }\n    // must only have 1 root element\n    const svgElm = div.firstElementChild;\n    if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {\n        const svgClass = svgElm.getAttribute('class') || '';\n        svgElm.setAttribute('class', (svgClass + ' s-pds-icon').trim());\n        // root element must be an svg\n        // lets double check we've got valid elements\n        // do not allow scripts\n        if (isValid(svgElm)) {\n            return div.innerHTML;\n        }\n    }\n    return '';\n};\nexport const isValid = (elm) => {\n    if (elm.nodeType === 1) {\n        if (elm.nodeName.toLowerCase() === 'script') {\n            return false;\n        }\n        for (let i = 0; i < elm.attributes.length; i++) {\n            const name = elm.attributes[i].name;\n            if (isStr(name) && name.toLowerCase().indexOf('on') === 0) {\n                return false;\n            }\n        }\n        for (let i = 0; i < elm.childNodes.length; i++) {\n            if (!isValid(elm.childNodes[i])) {\n                return false;\n            }\n        }\n    }\n    return true;\n};\nexport const isSvgDataUrl = (url) => url.startsWith('data:image/svg+xml');\nexport const isEncodedDataUrl = (url) => url.indexOf(';utf8,') !== -1;\n//# sourceMappingURL=validate.js.map\n","import { isEncodedDataUrl, isSvgDataUrl, validateContent } from \"./validate\";\nexport const pdsIconContent = new Map();\nconst requests = new Map(); // eslint-disable-line @typescript-eslint/no-explicit-any\nlet parser;\nexport const getSvgContent = (url, sanitize = false) => {\n    let req = requests.get(url);\n    if (!req) {\n        if (typeof fetch != 'undefined' && typeof document !== 'undefined') {\n            if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {\n                if (!parser) {\n                    parser = new DOMParser();\n                }\n                const doc = parser.parseFromString(url, 'text/html');\n                const svg = doc.querySelector('svg');\n                if (svg) {\n                    pdsIconContent.set(url, svg.outerHTML);\n                }\n                return Promise.resolve();\n            }\n            else {\n                // we don't have a request\n                req = fetch(url).then((rsp) => {\n                    if (rsp.ok) {\n                        return rsp.text().then((svgContent) => {\n                            if (svgContent && sanitize !== false) {\n                                svgContent = validateContent(svgContent);\n                            }\n                            pdsIconContent.set(url, svgContent || '');\n                        });\n                    }\n                    pdsIconContent.set(url, '');\n                });\n                requests.set(url, req);\n            }\n        }\n        else {\n            pdsIconContent.set(url, '');\n            return Promise.resolve();\n        }\n    }\n    return req;\n};\n//# sourceMappingURL=request.js.map\n",":host {\n  contain: strict;\n  display: inline-block;\n  fill: currentColor;\n  height: 1em;\n  width: 1em;\n}\n:host .pdsicon {\n  fill: currentColor;\n}\n\n.pds-icon-fill-none {\n  fill: none;\n}\n\n.icon-inner,\n.pds-icon,\nsvg {\n  display: block;\n  height: 100%;\n  width: 100%;\n}","import { Build, Host, h } from \"@stencil/core\";\nimport { getSvgContent, pdsIconContent } from \"./request\";\nimport { getName, getUrl, inheritAttributes } from \"./utils\";\nexport class PdsIcon {\n    constructor() {\n        this.inheritedAttributes = {}; // eslint-disable-line @typescript-eslint/no-explicit-any\n        this.hasAriaHidden = () => {\n            const { el } = this;\n            return el.hasAttribute('aria-hidden') && el.getAttribute('aria-hidden') === 'true';\n        };\n        this.ariaLabel = undefined;\n        this.isVisible = false;\n        this.svgContent = undefined;\n        this.color = undefined;\n        this.icon = undefined;\n        this.name = undefined;\n        this.size = 'regular';\n        this.src = undefined;\n    }\n    iconSize() {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const sizes = {\n            small: '12px',\n            regular: '16px',\n            medium: '20px',\n            large: '24px',\n        };\n        if (sizes[this.size]) {\n            return sizes[this.size];\n        }\n        else {\n            return this.size;\n        }\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);\n    }\n    connectedCallback() {\n        this.waitUntilVisible(this.el, '50px', () => {\n            this.isVisible = true;\n            this.loadIcon();\n        });\n    }\n    disconnectedCallback() {\n        if (this.io) {\n            this.io.disconnect();\n            this.io = undefined;\n        }\n    }\n    loadIcon() {\n        if (Build.isBrowser && this.isVisible) {\n            const url = getUrl(this);\n            if (url) {\n                if (pdsIconContent.has(url)) {\n                    this.svgContent = pdsIconContent.get(url);\n                }\n                else {\n                    getSvgContent(url).then(() => (this.svgContent = pdsIconContent.get(url)));\n                }\n            }\n        }\n        const label = getName(this.name, this.icon);\n        if (label) {\n            this.ariaLabel = label.replace(/\\-/g, ' ');\n        }\n    }\n    render() {\n        const { ariaLabel, inheritedAttributes } = this;\n        const style = {\n            height: this.iconSize(),\n            width: this.iconSize(),\n            color: this.color,\n        };\n        return (h(Host, Object.assign({ \"aria-label\": ariaLabel !== undefined && !this.hasAriaHidden() ? ariaLabel : null, role: \"img\", style: style, class: Object.assign({}, createColorClasses(this.color)) }, inheritedAttributes), Build.isBrowser && this.svgContent ? (h(\"div\", { class: \"icon-inner\", innerHTML: this.svgContent })) : (h(\"div\", { class: \"icon-inner\" }))));\n    }\n    /*****\n     * Private Methods\n     ****/\n    waitUntilVisible(el, rootMargin, cb) {\n        if (Build.isBrowser && typeof window !== 'undefined' && (window).IntersectionObserver) {\n            const io = (this.io = new (window).IntersectionObserver((data) => {\n                if (data[0].isIntersecting) {\n                    io.disconnect();\n                    this.io = undefined;\n                    cb();\n                }\n            }, { rootMargin }));\n            io.observe(el);\n        }\n        else {\n            // browser doesn't support IntersectionObserver\n            // so just fallback to always show it\n            cb();\n        }\n    }\n    static get is() { return \"pds-icon\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"pds-icon.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"pds-icon.css\"]\n        };\n    }\n    static get assetsDirs() { return [\"svg\"]; }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\\nThe color of the icon\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"icon\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This a combination of both `name` and `src`. If a `src` url is detected\\nit will set the `src` property. Otherwise it assumes it's a built-in named\\nSVG and set the `name` property.\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the icon to use from\\nthe built-in set.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": true\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"| 'small'   // 12px\\n    | 'regular'  // 16px\\n    | 'medium'  // 20px\\n    | 'large'   // 24px\\n    | 'auto'\\n    | string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the icon. This can be\\n'small', 'regular', 'medium', large, or a\\ncustom value (40px, 1rem, etc)\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"'regular'\"\n            },\n            \"src\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\\nSpecifies the exact `src` of an SVG file to use.\"\n                },\n                \"attribute\": \"src\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"ariaLabel\": {},\n            \"isVisible\": {},\n            \"svgContent\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"name\",\n                \"methodName\": \"loadIcon\"\n            }, {\n                \"propName\": \"src\",\n                \"methodName\": \"loadIcon\"\n            }, {\n                \"propName\": \"icon\",\n                \"methodName\": \"loadIcon\"\n            }];\n    }\n}\nconst createColorClasses = (color) => {\n    return color\n        ? {\n            'pds-color': true,\n            [`pds-color-${color}`]: true,\n        }\n        : null;\n};\n//# sourceMappingURL=pds-icon.js.map\n"],"mappings":"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"}

package/dist/pine-core/p-7275ec39.entry.js

@@ -0,0 +1,2 @@
+import{r,h as a,H as s}from"./p-b5b5ce83.js";import{c as o,a as i}from"./p-c15b86e9.js";const t=":host{display:inline-block}div{--background-color:var(--pine-color-primary-100);--badge-background-color:var(--pine-color-base-white);--border:var(--pine-border-default);--radius-round:50%;-ms-flex-align:center;align-items:center;background-color:var(--background-color);border-radius:var(--admin-radius-round, var(--radius-round));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--admin-radius-round:12px;border-radius:var(--admin-radius-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{--box-shadow-focus:0 0 0 4px var(--pine-color-primary-200);-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--radius-round);cursor:pointer;display:-ms-flexbox;display:flex;padding:0}.pds-avatar__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-avatar__badge{background-color:var(--badge-background-color);border:var(--border);border-color:var(--badge-background-color);border-radius:var(--radius-round);bottom:0;position:absolute;right:0}img{border-radius:var(--admin-radius-round, var(--radius-round));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";const e=t;const n=class{constructor(s){r(this,s);this.renderAssetWrapper=()=>{const r={height:this.avatarSize(),width:this.avatarSize()};return a("div",{style:r,part:"asset-wrapper"},this.renderIconOrImage(),this.renderBadge())};this.renderAvatar=()=>this.dropdown?a("button",{class:"pds-avatar__button",type:"button"},this.renderAssetWrapper()):this.renderAssetWrapper();this.renderBadge=()=>this.badge&&a("pds-icon",{class:"pds-avatar__badge",icon:o,size:"33.53%"});this.renderIconOrImage=()=>this.image?a("img",{alt:this.alt,src:this.image}):a("pds-icon",{color:"var(--pine-color-primary-400)",icon:i,size:"33.53%"});this.classNames=()=>({"pds-avatar":true,[`pds-avatar--has-image`]:this.image!==""&&this.image!==null,[`pds-avatar--${this.variant}`]:this.variant==="admin"});this.alt=null;this.badge=false;this.componentId=undefined;this.dropdown=false;this.image=null;this.size="lg";this.variant="customer"}avatarSize(){const r={xs:"24px",sm:"32px",md:"40px",lg:"56px",xl:"64px"};if(r[this.size]){return r[this.size]}else{return this.size}}render(){return a(s,{key:"0e214f7cca56b36b49e27c8dc097acc7b34391cc",id:this.componentId,class:Object.assign({},this.classNames())},this.renderAvatar())}};n.style=e;export{n as pds_avatar};
+//# sourceMappingURL=p-7275ec39.entry.js.map

package/dist/pine-core/p-7275ec39.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pdsAvatarCss","PdsAvatarStyle0","PdsAvatar","this","renderAssetWrapper","style","height","avatarSize","width","h","part","renderIconOrImage","renderBadge","renderAvatar","dropdown","class","type","badge","icon","checkCircleFilled","size","image","alt","src","color","userFilled","classNames","variant","sizes","xs","sm","md","lg","xl","render","Host","key","id","componentId","Object","assign"],"sources":["src/components/pds-avatar/pds-avatar.scss?tag=pds-avatar&encapsulation=shadow","src/components/pds-avatar/pds-avatar.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\ndiv {\n  // These custom props are not reachable\n  --background-color: var(--pine-color-primary-100);\n  --badge-background-color: var(--pine-color-base-white);\n  --border: var(--pine-border-default);\n  --radius-round: 50%;\n\n  align-items: center;\n  background-color: var(--background-color);\n  border-radius: var(--admin-radius-round, var(--radius-round));\n  display: inline-flex;\n  justify-content: center;\n  position: relative;\n\n  :host(.pds-avatar--admin) & {\n    --admin-radius-round: 12px;\n    border-radius: var(--admin-radius-round);\n  }\n\n  // Remove when FF has support for :has\n  :host(.pds-avatar--has-image) & {\n    background: transparent\n  }\n\n  @supports selector(:has) {\n    &:has(img) {\n      background-color: transparent\n    }\n  }\n}\n\n.pds-avatar__button {\n  --box-shadow-focus: 0 0 0 4px var(--pine-color-primary-200);\n\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  border-radius: var(--radius-round);\n  cursor: pointer;\n  display: flex;\n  padding: 0;\n\n  &:focus-visible {\n    // outline: var(--pine-border-focus); Border radius for outline does not work in Safari\n    box-shadow: var(--box-shadow-focus); // Remove when outline radius is supported in Safari\n    outline: none;\n  }\n}\n\n.pds-avatar__badge {\n  background-color: var(--badge-background-color);\n  border: var(--border);\n  border-color: var(--badge-background-color);\n  border-radius: var(--radius-round);\n  bottom: 0;\n  position: absolute;\n  right: 0;\n}\n\nimg {\n  border-radius: var(--admin-radius-round, var(--radius-round));\n  height: 100%;\n  object-fit: cover;\n  width: 100%;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { checkCircleFilled, userFilled } from '@pine-ds/icons/icons';\n\n/**\n * @part image - The main image element that represents the avatar component.\n*/\n@Component({\n  tag: 'pds-avatar',\n  styleUrl: 'pds-avatar.scss',\n  shadow: true,\n})\nexport class PdsAvatar {\n\n  /**\n   * The alt for a custom user image.\n   * @defaultValue null\n   */\n  @Prop() alt?: string | null = null;\n\n  /**\n   * Determines whether the badge is visible or not.\n   * @defaultValue false\n   */\n  @Prop() badge? = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId: string;\n\n  /**\n   * Determines whether the avatar functions as a dropdown trigger.\n   * @defaultValue false\n   */\n  @Prop() dropdown? = false;\n\n  /**\n   * The src for a custom user image.\n   * @defaultValue null\n   */\n  @Prop() image?: string | null = null;\n\n  /**\n   * Size of the avatar. Value can be preset or custom.\n   * @defaultValue lg\n   */\n  @Prop({ reflect: true }) size?:\n  | 'xl' // 64px\n  | 'lg' // 56px\n  | 'md' // 40px\n  | 'sm' // 32px\n  | 'xs' // 24px\n  | string = 'lg';\n\n  /**\n   * Determines the variant of avatar. Changes appearance accordingly.\n   * @defaultValue customer\n   */\n  @Prop({ reflect: true }) variant?: 'customer' | 'admin' = 'customer';\n\n  private avatarSize() {\n    const sizes: { [key: string]: any } = {\n      xs: '24px',\n      sm: '32px',\n      md: '40px',\n      lg: '56px',\n      xl: '64px',\n    }\n\n    if (sizes[this.size]) {\n      return sizes[this.size];\n    } else {\n      return this.size\n    }\n  }\n\n  private renderAssetWrapper = () => {\n    const style = {\n      height: this.avatarSize(),\n      width: this.avatarSize()\n    };\n\n    return (\n      <div style={style} part=\"asset-wrapper\">\n        {this.renderIconOrImage()}\n        {this.renderBadge()}\n      </div>\n    )\n  };\n\n  private renderAvatar = () => {\n    return (\n      this.dropdown\n        ?\n        <button class=\"pds-avatar__button\" type=\"button\">\n          {this.renderAssetWrapper()}\n        </button>\n        :\n        this.renderAssetWrapper()\n    )\n  };\n\n  private renderBadge = () => (\n    this.badge\n    // Percentage is average size of icon in relation to total avatar size\n    // of all preset sizes found in Figma.\n    // Used to allow icons to scale to container size\n      && <pds-icon class=\"pds-avatar__badge\" icon={checkCircleFilled} size=\"33.53%\"></pds-icon>\n  );\n\n  private renderIconOrImage = () => (\n    this.image\n      ? <img alt={this.alt} src={this.image} />\n      // Percentage is average size of icon in relation to total avatar size\n      // of all preset sizes found in Figma.\n      // Used to allow icons to scale to container size\n      : <pds-icon color=\"var(--pine-color-primary-400)\" icon={userFilled} size=\"33.53%\"></pds-icon>\n  );\n\n  private classNames = () => (\n    {\n      'pds-avatar': true,\n      [`pds-avatar--has-image`]: this.image !== '' && this.image !== null, // Remove when FF supports :has selector\n      [`pds-avatar--${this.variant}`]: this.variant === 'admin'\n    }\n  );\n\n  render() {\n\n    return (\n      <Host\n        id={this.componentId}\n        class={{...this.classNames()}}\n      >\n        {this.renderAvatar()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"wFAAA,MAAMA,EAAe,24CACrB,MAAAC,EAAeD,E,MCUFE,EAAS,M,yBAiEZC,KAAAC,mBAAqB,KAC3B,MAAMC,EAAQ,CACZC,OAAQH,KAAKI,aACbC,MAAOL,KAAKI,cAGd,OACEE,EAAA,OAAKJ,MAAOA,EAAOK,KAAK,iBACrBP,KAAKQ,oBACLR,KAAKS,cACF,EAIFT,KAAAU,aAAe,IAEnBV,KAAKW,SAEHL,EAAA,UAAQM,MAAM,qBAAqBC,KAAK,UACrCb,KAAKC,sBAGRD,KAAKC,qBAIHD,KAAAS,YAAc,IACpBT,KAAKc,OAIAR,EAAA,YAAUM,MAAM,oBAAoBG,KAAMC,EAAmBC,KAAK,WAGjEjB,KAAAQ,kBAAoB,IAC1BR,KAAKkB,MACDZ,EAAA,OAAKa,IAAKnB,KAAKmB,IAAKC,IAAKpB,KAAKkB,QAI9BZ,EAAA,YAAUe,MAAM,gCAAgCN,KAAMO,EAAYL,KAAK,WAGrEjB,KAAAuB,WAAa,MAEjB,aAAc,KACd,CAAC,yBAA0BvB,KAAKkB,QAAU,IAAMlB,KAAKkB,QAAU,KAC/D,CAAC,eAAelB,KAAKwB,WAAYxB,KAAKwB,UAAY,U,SA1GxB,K,WAMb,M,yCAWG,M,WAMY,K,UAYrB,K,aAM+C,U,CAElD,UAAApB,GACN,MAAMqB,EAAgC,CACpCC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGN,GAAIL,EAAMzB,KAAKiB,MAAO,CACpB,OAAOQ,EAAMzB,KAAKiB,K,KACb,CACL,OAAOjB,KAAKiB,I,EAuDhB,MAAAc,GAEE,OACEzB,EAAC0B,EAAI,CAAAC,IAAA,2CACHC,GAAIlC,KAAKmC,YACTvB,MAAKwB,OAAAC,OAAA,GAAMrC,KAAKuB,eAEfvB,KAAKU,e"}

package/dist/pine-core/p-76dd047d.entry.js

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