@pine-ds/core 3.5.2 → 3.7.0

package/dist/pine-core/p-c6badcf8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsModalContentCss","PdsModalContent","constructor","hostRef","this","border","contentMaxHeight","componentDidLoad","slotContent","el","firstElementChild","isScrollable","scrollHeight","clientHeight","calculateMaxHeight","window","addEventListener","bind","disconnectedCallback","removeEventListener","mutationObserver","disconnect","modalElement","closest","setTimeout","headerElement","querySelector","footerElement","headerHeight","offsetHeight","footerHeight","viewportAdjustment","Math","round","innerHeight","totalReduction","contentElement","style","maxHeight","MutationObserver","observe","childList","subtree","attributes","attributeFilter","render","h","Host","key","class","tabindex"],"sources":["src/components/pds-modal/pds-modal-content/pds-modal-content.scss?tag=pds-modal-content","src/components/pds-modal/pds-modal-content/pds-modal-content.tsx"],"sourcesContent":["pds-modal-content {\n  display: block;\n  flex: 1 1 auto;\n  overflow-y: auto;\n  width: 100%;\n\n  &:has(.pds-modal-content--border-none) {\n    border: 0;\n  }\n\n  &:has(.pds-modal-content--border-both) {\n    border-block-end: 1px solid var(--pine-color-grey-200);\n    border-block-start: 1px solid var(--pine-color-grey-200);\n  }\n\n  &:has(.pds-modal-content--border-top) {\n    border-block-start: 1px solid var(--pine-color-grey-200);\n  }\n\n  &:has(.pds-modal-content--border-bottom) {\n    border-block-end: 1px solid var(--pine-color-grey-200);\n  }\n}\n\n.pds-modal-content {\n  display: block;\n  flex: 1 1 auto;\n  // Max height is set via inline styles based on header and footer heights\n  min-height: 0;\n  overflow-y: auto;\n  width: 100%;\n\n}\n","import { Component, h, Host, Prop, Element, State } from '@stencil/core';\n\ndeclare global {\n  interface HTMLPdsModalContentElement extends HTMLElement {\n    border: 'none' | 'both';\n  }\n}\n\n@Component({\n  tag: 'pds-modal-content',\n  styleUrl: 'pds-modal-content.scss',\n})\nexport class PdsModalContent {\n\n  @Element() el: HTMLPdsModalContentElement;\n\n  /**\n   * The border style for the content area. Automatically set based on available space of the modal content.\n   * @default 'none'\n   */\n  @Prop({ reflect: true }) border: 'none' | 'both' | 'top' | 'bottom' = 'none';\n\n  @State() contentMaxHeight: string = '60vh';\n\n  componentDidLoad() {\n    const slotContent = this.el.firstElementChild as HTMLElement;\n    const isScrollable = slotContent.scrollHeight > slotContent.clientHeight;\n    this.border = isScrollable ? 'both' : 'none';\n\n    this.calculateMaxHeight();\n\n    window.addEventListener('resize', this.calculateMaxHeight.bind(this));\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.calculateMaxHeight.bind(this));\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  /**\n   * Calculates the max-height based on header and footer heights\n   */\n  private mutationObserver: MutationObserver;\n\n  /**\n   * Calculates the max-height based on header and footer heights\n   */\n  private calculateMaxHeight() {\n    // Find the modal element (parent of this component)\n    const modalElement = this.el.closest('pds-modal');\n    if (!modalElement) return;\n\n    setTimeout(() => {\n      // Find header and footer elements\n      const headerElement = modalElement.querySelector('pds-modal-header');\n      const footerElement = modalElement.querySelector('pds-modal-footer');\n\n      // Get header and footer heights\n      const headerHeight = headerElement ? headerElement.offsetHeight : 0;\n      const footerHeight = footerElement ? footerElement.offsetHeight : 0;\n\n      // Set the max-height as a calculation\n      if (headerHeight > 0 || footerHeight > 0) {\n        // Calculate the available height by subtracting:\n        // 1. Header and footer heights\n        // 2. Modal padding (48px)\n        // 3. Additional space for modal positioning (6vh)\n        // 4. Extra adjustment for perfect fit (50px)\n        const viewportAdjustment = Math.round(window.innerHeight * 0.06); // 6vh approximation\n        const totalReduction = headerHeight + footerHeight + 48 + viewportAdjustment + 50;\n\n        // Set the content max height\n        this.contentMaxHeight = `calc(100vh - ${totalReduction}px)`;\n\n        // Apply the style directly to ensure it takes effect\n        const contentElement = this.el.querySelector('.pds-modal-content') as HTMLElement;\n        if (contentElement) {\n          contentElement.style.maxHeight = this.contentMaxHeight;\n        }\n      } else {\n        this.contentMaxHeight = '60vh'; // Default fallback\n      }\n    }, 100); // Delay to ensure DOM is fully rendered\n\n    // Set up mutation observer if not already done\n    if (!this.mutationObserver && modalElement) {\n      this.mutationObserver = new MutationObserver(() => {\n        this.calculateMaxHeight();\n      });\n\n      // Observe changes to the modal's children\n      this.mutationObserver.observe(modalElement, {\n        childList: true,\n        subtree: true,\n        attributes: true,\n        attributeFilter: ['style', 'class']\n      });\n    }\n  }\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'pds-modal-content': true,\n            [`pds-modal-content--border-${this.border}`]: true\n          }}\n          style={{ maxHeight: this.contentMaxHeight }}\n          tabindex=\"-1\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}"],"mappings":"yDAAA,MAAMA,EAAqB,m3B,MCYdC,EAAe,MAJ5B,WAAAC,CAAAC,G,UAY2BC,KAAMC,OAAuC,OAE7DD,KAAgBE,iBAAW,MAgGrC,CA9FC,gBAAAC,GACE,MAAMC,EAAcJ,KAAKK,GAAGC,kBAC5B,MAAMC,EAAeH,EAAYI,aAAeJ,EAAYK,aAC5DT,KAAKC,OAASM,EAAe,OAAS,OAEtCP,KAAKU,qBAELC,OAAOC,iBAAiB,SAAUZ,KAAKU,mBAAmBG,KAAKb,M,CAGjE,oBAAAc,GACEH,OAAOI,oBAAoB,SAAUf,KAAKU,mBAAmBG,KAAKb,OAElE,GAAIA,KAAKgB,iBAAkB,CACzBhB,KAAKgB,iBAAiBC,Y,EAYlB,kBAAAP,GAEN,MAAMQ,EAAelB,KAAKK,GAAGc,QAAQ,aACrC,IAAKD,EAAc,OAEnBE,YAAW,KAET,MAAMC,EAAgBH,EAAaI,cAAc,oBACjD,MAAMC,EAAgBL,EAAaI,cAAc,oBAGjD,MAAME,EAAeH,EAAgBA,EAAcI,aAAe,EAClE,MAAMC,EAAeH,EAAgBA,EAAcE,aAAe,EAGlE,GAAID,EAAe,GAAKE,EAAe,EAAG,CAMxC,MAAMC,EAAqBC,KAAKC,MAAMlB,OAAOmB,YAAc,KAC3D,MAAMC,EAAiBP,EAAeE,EAAe,GAAKC,EAAqB,GAG/E3B,KAAKE,iBAAmB,gBAAgB6B,OAGxC,MAAMC,EAAiBhC,KAAKK,GAAGiB,cAAc,sBAC7C,GAAIU,EAAgB,CAClBA,EAAeC,MAAMC,UAAYlC,KAAKE,gB,MAEnC,CACLF,KAAKE,iBAAmB,M,IAEzB,KAGH,IAAKF,KAAKgB,kBAAoBE,EAAc,CAC1ClB,KAAKgB,iBAAmB,IAAImB,kBAAiB,KAC3CnC,KAAKU,oBAAoB,IAI3BV,KAAKgB,iBAAiBoB,QAAQlB,EAAc,CAC1CmB,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,QAAS,U,EAIjC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,oBAAqB,KACrB,CAAC,6BAA6B7C,KAAKC,UAAW,MAEhDgC,MAAO,CAAEC,UAAWlC,KAAKE,kBACzB4C,SAAS,MAETJ,EAAa,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/pine-core/p-cd785026.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-B_C-mRjx.system.js"],(function(e){"use strict";var t,n,i;return{setters:[function(e){t=e.r;n=e.h;i=e.H}],execute:function(){var s=":host{color:var(--pine-color-text-message);font:var(--pine-typography-body-medium)}";var a=e("pds_property",function(){function e(e){t(this,e);this.icon="star"}e.prototype.render=function(){return n(i,{key:"d02756e0996d0544bafd8a0e5160151344e8dd5f",id:this.componentId},n("pds-box",{key:"f2f53ba33e75bc1dbea374ba57fac2fd7e11a43c","align-items":"center",gap:"xs"},n("pds-icon",{key:"62e87401c8ab443583c33a07266377484bfdc72a",icon:this.icon,size:"var(--pine-dimension-sm)","aria-hidden":"true"}),n("slot",{key:"e8461312f8135f07218b604ce9ff6efcf48bfc1b"})))};return e}());a.style=s}}}));
-//# sourceMappingURL=p-cd785026.system.entry.js.map

package/dist/pine-core/p-d714f68f.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,a){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function o(e){try{s(a.next(e))}catch(e){n(e)}}function d(e){try{s(a["throw"](e))}catch(e){n(e)}}function s(e){e.done?i(e.value):r(e.value).then(o,d)}s((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,r,n,o;return o={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function d(e){return function(t){return s([e,t])}}function s(d){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,d[0]&&(i=0)),i)try{if(a=1,r&&(n=d[0]&2?r["return"]:d[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,d[1])).done)return n;if(r=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;r=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){i.label=d[1];break}if(d[0]===6&&i.label<n[1]){i.label=n[1];n=d;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(d);break}if(n[2])i.ops.pop();i.trys.pop();continue}d=t.call(e,i)}catch(e){d=[6,e];r=0}finally{a=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};System.register(["./p-B_C-mRjx.system.js"],(function(e){"use strict";var t,i,a,r;return{setters:[function(e){t=e.r;i=e.c;a=e.h;r=e.g}],execute:function(){var n=".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity 0.2s ease, visibility 0.2s ease;transition:opacity 0.2s ease, visibility 0.2s ease;visibility:hidden;width:100%;z-index:1000}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:1001}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;visibility:visible}.pds-modal{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:calc(100vh - (5vh + 96px));width:100%}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}";var o=e("mock_pds_modal",function(){function e(e){t(this,e);this.pdsModalOpen=i(this,"pdsModalOpen");this.pdsModalClose=i(this,"pdsModalClose");this.pdsModalBackdropClick=i(this,"pdsModalBackdropClick");this.size="md";this.backdropDismiss=true;this.open=false}e.prototype.showModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;this.pdsModalOpen.emit();return[2]}))}))};e.prototype.hideModal=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;this.pdsModalClose.emit();return[2]}))}))};e.prototype.handleBackdropClick=function(e){var t=this.el.querySelector(".pds-modal__backdrop");if(e.target===t&&this.backdropDismiss===true){this.pdsModalBackdropClick.emit();this.hideModal()}};e.prototype.handleKeyDown=function(e){if(e.key==="Escape"&&this.open===true){this.hideModal()}};e.prototype.componentDidLoad=function(){};e.prototype.render=function(){var e;var t=(e={"pds-modal":true},e["pds-modal--".concat(this.size)]=true,e["pds-modal--scrollable"]=true,e);var i={"pds-modal__backdrop":true,open:this.open};return a("div",{key:"1add4d6197e52590f97de144745dc7e13b79fc2f",class:i},a("div",{key:"f9e0dcf40e353041a4b135eb687a89b99352a86e",class:t,role:"dialog","aria-modal":"true","aria-labelledby":this.componentId?"".concat(this.componentId,"-heading"):null},a("div",{key:"a0eff71ed114a48f588f2eab147a12ecd513ef23",class:"pds-modal__header"},a("slot",{key:"0b58df0cc5241ffffa459f07f913c490fff3adce",name:"header"})),a("div",{key:"41e5ee8b58bb60bcc8f1aa72a7b24839a68a2e9f",class:"pds-modal-content"},a("slot",{key:"4c9a073f2d6ddcd7942ec1f1839886c0868c15a3"})),a("div",{key:"89d542843d68c860fe2526bbc05fac4893c3d616",class:"pds-modal__footer"},a("slot",{key:"1d5720bc3a86d97309c015d3c98ee25f85ef7c34",name:"footer"}))))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());o.style=n}}}));
-//# sourceMappingURL=p-d714f68f.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pdsModalCss","MockPdsModal","exports","class_1","hostRef","this","size","backdropDismiss","open","prototype","showModal","pdsModalOpen","emit","hideModal","pdsModalClose","handleBackdropClick","event","backdrop","el","querySelector","target","pdsModalBackdropClick","handleKeyDown","key","componentDidLoad","render","modalClasses","_a","concat","backdropClasses","h","class","role","componentId","name"],"sources":["src/components/pds-modal/pds-modal.scss?tag=mock-pds-modal","src/components/pds-modal/test/mock-pds-modal.tsx"],"sourcesContent":[".pds-modal__backdrop {\n  align-items: flex-start;\n  background-color: rgba(0, 0, 0, 0.4);\n  border: 0;\n  display: flex;\n  height: 100%;\n  inset: 0;\n  justify-content: center;\n  margin: 0;\n  max-height: 100%;\n  max-width: 100%;\n  opacity: 0;\n  padding: 0;\n  position: fixed;\n  transition: opacity 0.2s ease, visibility 0.2s ease;\n  visibility: hidden;\n  width: 100%;\n  z-index: 1000;\n\n  @supports (backdrop-filter: blur(3px)) {\n    backdrop-filter: blur(3px);\n  }\n\n  // Increase z-index for nested modals\n  pds-modal & {\n    z-index: 1001;\n  }\n\n  &::backdrop {\n    background: transparent;\n  }\n\n  &.open {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n.pds-modal {\n  background: var(--pine-color-background-container);\n  border-radius: var(--pine-dimension-sm);\n  box-shadow: var(--pine-box-shadow-400);\n  display: flex;\n  flex-direction: column;\n  margin: var(--pine-dimension-md);\n  max-height: calc(100vh - (calc(5vh + 96px)));\n  width: 100%;\n\n  @media (min-width: 992px) {\n    margin-block-start: 6vh;\n  }\n\n  @media (min-width: 1200px) {\n    margin-block-start: 8vh;\n  }\n}\n\n.pds-modal--sm {\n  max-width: 520px;\n}\n\n.pds-modal--md {\n  max-width: 700px;\n}\n\n.pds-modal--lg {\n  max-width: 900px;\n}\n\n.pds-modal--fullscreen {\n  border-radius: 0;\n  height: 100%;\n  margin: 0;\n  max-height: 100vh;\n  max-width: 100%;\n}\n\n.pds-modal-content {\n  .pds-modal--fullscreen & {\n    flex: 1;\n  }\n}\n\n","import { Component, Prop, Event, EventEmitter, Method, Element, h } from '@stencil/core';\n\n// Define the element interface for the mock component\ninterface HTMLMockPdsModalElement extends HTMLElement {\n  open: boolean;\n  showModal: () => Promise<void>;\n  hideModal: () => Promise<void>;\n  handleBackdropClick: (event: MouseEvent) => void;\n  handleKeyDown: (event: KeyboardEvent) => void;\n}\n\n/**\n * Mock PdsModal component for testing purposes\n * This component mimics the real PdsModal but without using the Popover API\n */\n@Component({\n  tag: 'mock-pds-modal',\n  styleUrl: '../pds-modal.scss',\n  shadow: false,\n})\nexport class MockPdsModal {\n  @Element() el!: HTMLMockPdsModalElement;\n\n  /**\n   * The ID of the modal component\n   */\n  @Prop() componentId?: string;\n\n  /**\n   * The size of the modal\n   */\n  @Prop() size: 'sm' | 'md' | 'lg' | 'fullscreen' = 'md';\n\n  // Modal content is always scrollable by default\n\n  /**\n   * Whether the modal can be dismissed by clicking the backdrop\n   */\n  @Prop() backdropDismiss = true;\n\n  // Native dialog element always closes on Escape key press, so no closeOnEsc property is needed\n\n  /**\n   * Whether the modal is open\n   */\n  @Prop({ mutable: true }) open = false;\n\n  // No need for modalRef in the mock implementation\n\n  /**\n   * Event emitted when the modal is opened\n   */\n  @Event() pdsModalOpen: EventEmitter;\n\n  /**\n   * Event emitted when the modal is closed\n   */\n  @Event() pdsModalClose: EventEmitter;\n\n  /**\n   * Event emitted when the backdrop is clicked\n   */\n  @Event() pdsModalBackdropClick: EventEmitter;\n\n  /**\n   * Shows the modal\n   */\n  @Method()\n  async showModal() {\n    this.open = true;\n    this.pdsModalOpen.emit();\n  }\n\n  /**\n   * Hides the modal\n   */\n  @Method()\n  async hideModal() {\n    this.open = false;\n    this.pdsModalClose.emit();\n  }\n\n  /**\n   * Listen for click events on the backdrop\n   */\n  // Using direct method instead of @Listen to avoid ESLint warning\n  handleBackdropClick(event: MouseEvent) {\n    const backdrop = this.el.querySelector('.pds-modal__backdrop');\n    // Check if the click was directly on the backdrop (not on a child element)\n    if (event.target === backdrop && this.backdropDismiss === true) {\n      this.pdsModalBackdropClick.emit();\n      this.hideModal();\n    }\n  }\n\n  /**\n   * Listen for keydown events to handle Escape key\n   * Native dialog element always closes on Escape key press\n   */\n  // Using direct method instead of @Listen to avoid ESLint warning\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.open === true) {\n      this.hideModal();\n    }\n  }\n\n  componentDidLoad() {\n    // No need to do anything in componentDidLoad for the mock\n  }\n\n  render() {\n    const modalClasses = {\n      'pds-modal': true,\n      [`pds-modal--${this.size}`]: true,\n      'pds-modal--scrollable': true, // Always scrollable by default\n    };\n\n    const backdropClasses = {\n      'pds-modal__backdrop': true,\n      'open': this.open,\n    };\n\n    return (\n      <div class={backdropClasses}>\n        <div\n          class={modalClasses}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={this.componentId ? `${this.componentId}-heading` : null}\n        >\n          <div class=\"pds-modal__header\">\n            <slot name=\"header\"></slot>\n          </div>\n          <div class=\"pds-modal-content\">\n            <slot></slot>\n          </div>\n          <div class=\"pds-modal__footer\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"wmDAAA,IAAMA,EAAc,umD,ICoBPC,EAAYC,EAAA,4BALzB,SAAAC,EAAAC,G,yJAgBUC,KAAIC,KAAsC,KAO1CD,KAAeE,gBAAG,KAODF,KAAIG,KAAG,KAkGjC,CA3EOL,EAAAM,UAAAC,UAAN,W,qFACEL,KAAKG,KAAO,KACZH,KAAKM,aAAaC,O,iBAOdT,EAAAM,UAAAI,UAAN,W,qFACER,KAAKG,KAAO,MACZH,KAAKS,cAAcF,O,iBAOrBT,EAAAM,UAAAM,oBAAA,SAAoBC,GAClB,IAAMC,EAAWZ,KAAKa,GAAGC,cAAc,wBAEvC,GAAIH,EAAMI,SAAWH,GAAYZ,KAAKE,kBAAoB,KAAM,CAC9DF,KAAKgB,sBAAsBT,OAC3BP,KAAKQ,W,GASTV,EAAAM,UAAAa,cAAA,SAAcN,GACZ,GAAIA,EAAMO,MAAQ,UAAYlB,KAAKG,OAAS,KAAM,CAChDH,KAAKQ,W,GAITV,EAAAM,UAAAe,iBAAA,W,EAIArB,EAAAM,UAAAgB,OAAA,W,MACE,IAAMC,GAAYC,EAAA,CAChB,YAAa,MACbA,EAAC,cAAAC,OAAcvB,KAAKC,OAAS,KAC7BqB,EAAA,yBAAyB,K,GAG3B,IAAME,EAAkB,CACtB,sBAAuB,KACvBrB,KAAQH,KAAKG,MAGf,OACEsB,EAAA,OAAAP,IAAA,2CAAKQ,MAAOF,GACVC,EACE,OAAAP,IAAA,2CAAAQ,MAAOL,EACPM,KAAK,SAAQ,aACF,OAAM,kBACA3B,KAAK4B,YAAc,GAAAL,OAAGvB,KAAK4B,YAAW,YAAa,MAEpEH,EAAK,OAAAP,IAAA,2CAAAQ,MAAM,qBACTD,EAAA,QAAAP,IAAA,2CAAMW,KAAK,YAEbJ,EAAK,OAAAP,IAAA,2CAAAQ,MAAM,qBACTD,EAAA,QAAAP,IAAA,8CAEFO,EAAK,OAAAP,IAAA,2CAAAQ,MAAM,qBACTD,EAAM,QAAAP,IAAA,2CAAAW,KAAK,a,uHArHE,I","ignoreList":[]}

package/dist/pine-core/p-e5ca5b8e.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as a,g as s}from"./p-BVCWKPy3.js";import{i as r,a as o,m as l}from"./p-DTL_39D_.js";import{d as n}from"./p-tJa4KYNO.js";import{i as d,a as c}from"./p-C0M1gTKv.js";import{f as h}from"./p-DrJ5r5Pu.js";const p=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const b=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";const f=":host{display:inline}:host([aria-readonly=true]) textarea{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-textarea__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.pds-textarea__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{display:block;-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-textarea__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}.pds-textarea__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--pine-border-hover)}.pds-textarea__field:disabled{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-textarea__field::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field.is-invalid{background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}.pds-textarea__field.is-invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-textarea__error-message,.pds-textarea__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-textarea__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";const u=class{constructor(i){e(this,i);this.pdsBlur=t(this,"pdsBlur");this.pdsFocus=t(this,"pdsFocus");this.pdsInput=t(this,"pdsInput");this.pdsTextareaChange=t(this,"pdsTextareaChange");this.inheritedAttributes={};this.disabled=false;this.invalid=false;this.name=this.componentId;this.readonly=false;this.required=false;this.value="";this.hasFocus=false;this.hasAction=false;this.onBlur=e=>{this.hasFocus=false;if(this.focusedValue!==this.value){this.emitValueChange(e)}this.pdsBlur.emit(e)};this.onFocus=e=>{this.hasFocus=true;this.focusedValue=this.value;this.pdsFocus.emit(e)};this.onInput=e=>{const t=e.target;if(t){this.value=t.value||""}this.emitInputChange(e)};this.onTextareaChange=e=>{this.emitValueChange(e)}}async setFocus(){if(this.nativeTextarea){this.nativeTextarea.focus()}}debounceChanged(){const{pdsInput:e,debounce:t,originalPdsInput:i}=this;this.pdsInput=t===undefined?i!==null&&i!==void 0?i:e:n(e,t)}valueChanged(){const e=this.nativeTextarea;const t=this.getValue();if(e&&e.value!==t){e.value=t}this.updateFormValue()}emitInputChange(e){const{value:t}=this;this.pdsInput.emit({value:t,event:e})}emitValueChange(e){const t=e.target;r(t,this);const{value:i}=t;const a=i==null?i:i.toString();this.focusedValue=a;this.pdsTextareaChange.emit({value:a,event:e})}getValue(){return this.value||""}textareaClassNames(){const e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join("  ")}connectedCallback(){this.debounceChanged();if(this.el.attachInternals){this.internals=this.el.attachInternals()}}componentWillLoad(){this.inheritedAttributes=Object.assign(Object.assign({},d(this.el)),c(this.el));this.hasAction=this.el.querySelector('[slot="action"]')!==null}componentDidLoad(){this.originalPdsInput=this.pdsInput;this.updateFormValue()}renderAction(){const e=this.el.querySelector('[slot="action"]')!==null;if(e){return i("div",{class:"pds-textarea__action",part:"action"},i("slot",{name:"action"}))}return null}updateFormValue(){if(this.internals&&this.internals.setFormValue){const e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeTextarea&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeTextarea.validity,this.nativeTextarea.validationMessage,this.nativeTextarea)}}}formResetCallback(){this.value="";this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){const t=e.get(this.name);if(typeof t==="string"){this.value=t}}}render(){const e=this.getValue();return i(a,{key:"a1a70451b8987a1d152c5e440a672267b3ee325e","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null},i("div",{key:"c28061e7848a58995c0883a99af04170bbdd2ba0",class:"pds-textarea"},this.label&&i("div",{key:"53bf7022550e51bc63decb0595c2e01c0bf7051c",class:"pds-textarea__label-wrapper"},i("label",{key:"ac1152cfb3f096a7861c6db9779f4bde3d117522",htmlFor:this.componentId},i("span",{key:"0d664943f7fd9490879d0a8349743d535103608c",class:this.hideLabel?"visually-hidden":""},this.label)),!this.hideLabel&&this.renderAction()),i("textarea",Object.assign({key:"a7374006831ab8f0cda0a9b3bf999abc7485a16d",ref:e=>this.nativeTextarea=e,"aria-describedby":o(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,rows:this.rows,onBlur:this.onBlur,onChange:this.onTextareaChange,onFocus:this.onFocus,onInput:this.onInput},this.inheritedAttributes),e),this.helperMessage&&i("p",{key:"4ca62e53a085acde9b8550c123ea1ee5a8723581",class:"pds-textarea__helper-message",id:l(this.componentId,"helper")},this.helperMessage),this.invalid&&i("p",{key:"f70e70f4588d0d9f1e7cc570bc5db1b6f6f27f0b","aria-live":"assertive",class:"pds-textarea__error-message",id:l(this.componentId,"error")},i("pds-icon",{key:"7a91bdea1bd0ac2a477b41d6eec3dc6369119ab0",icon:h,size:"small"}),this.errorMessage)))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],value:["valueChanged"]}}};u.style=p+(b+f);export{u as pds_textarea};
-//# sourceMappingURL=p-e5ca5b8e.entry.js.map

package/dist/pine-core/p-e5ca5b8e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["labelCss","pdsInputTokensCss","pdsTextareaCss","PdsTextarea","constructor","hostRef","this","inheritedAttributes","disabled","invalid","name","componentId","readonly","required","value","hasFocus","hasAction","onBlur","ev","focusedValue","emitValueChange","pdsBlur","emit","onFocus","pdsFocus","onInput","input","target","emitInputChange","onTextareaChange","setFocus","nativeTextarea","focus","debounceChanged","pdsInput","debounce","originalPdsInput","undefined","debounceEvent","valueChanged","getValue","updateFormValue","event","textarea","isRequired","newValue","toString","pdsTextareaChange","textareaClassNames","classNames","push","join","connectedCallback","el","attachInternals","internals","componentWillLoad","Object","assign","inheritAriaAttributes","inheritAttributes","querySelector","componentDidLoad","renderAction","h","class","part","setFormValue","setValidity","validity","validationMessage","formResetCallback","formDisabledCallback","formStateRestoreCallback","state","FormData","get","render","Host","key","hideLabel","label","htmlFor","ref","assignDescription","helperMessage","autocomplete","id","placeholder","readOnly","rows","onChange","messageId","icon","danger","size","errorMessage"],"sources":["src/global/styles/utils/label.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-input/pds-input.tokens.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.scss?tag=pds-textarea&encapsulation=shadow","src/components/pds-textarea/pds-textarea.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n","@use '~@kajabi-ui/styles/dist/pine/components/pds-input/pds-input.tokens'\n",":host {\n  display: inline;\n}\n\n:host([aria-readonly=\"true\"]) {\n  textarea {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-readonly);\n  }\n}\n\n.pds-textarea {\n  display: flex;\n  flex-direction: column;\n}\n\n.pds-textarea__label-wrapper {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n}\n\n.pds-textarea__action {\n  align-items: center;\n  display: flex;\n  gap: var(--pine-dimension-xs);\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\nlabel {\n  display: block;\n  margin-block-end: var(--pine-dimension-xs);\n}\n\n// When label is inside wrapper, remove its margin\n.pds-textarea__label-wrapper label {\n  margin-block-end: 0;\n}\n\n.pds-textarea__field {\n  background-color: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: calc(var(--pine-dimension-xs) * 1.25);\n  font: var(--pine-typography-body);\n  letter-spacing: var(--pine-letter-spacing);\n  padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n  &:hover:not(:disabled, .is-invalid) {\n    border: var(--pine-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--pine-color-background-container-disabled);\n    color: var(--pine-color-text-disabled);\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n    outline-offset: var(--pine-border-width);\n  }\n\n  &::placeholder {\n    color: var(--pine-color-text-placeholder);\n  }\n\n  &.is-invalid {\n    background-color: var(--pine-input-color-background-danger);\n    border-color: var(--pine-color-border-danger);\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n}\n\n.pds-textarea__error-message,\n.pds-textarea__helper-message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-textarea__error-message {\n  align-items: center;\n  color: var(--pine-color-text-message-danger);\n  display: flex;\n  gap: var(--pine-dimension-2xs);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { assignDescription, isRequired, messageId } from '../../utils/form';\nimport { TextareaChangeEventDetail, TextareaInputEventDetail } from './textarea-interface';\nimport { debounceEvent } from '@utils/utils';\nimport type { Attributes } from '@utils/attributes';\nimport { inheritAttributes, inheritAriaAttributes } from '@utils/attributes';\nimport { danger } from '@pine-ds/icons/icons';\n\n/**\n * @slot action - Content to be displayed in the label area, typically for help icons or links\n */\n@Component({\n  tag: 'pds-textarea',\n  styleUrls: [\n    '../../global/styles/utils/label.scss',\n    '../pds-input/pds-input.tokens.scss',\n    'pds-textarea.scss'\n  ],\n  shadow: true,\n  formAssociated: true,\n})\nexport class PdsTextarea {\n\n  private nativeTextarea?: HTMLTextAreaElement\n  private focusedValue?: string | null;\n  private inheritedAttributes: Attributes = {};\n  private originalPdsInput?: EventEmitter<TextareaInputEventDetail>;\n  private internals?: ElementInternals;\n\n  @Element() el: HTMLPdsTextareaElement;\n\n  /**\n   * Emitted when the input loses focus.\n   */\n  @Event() pdsBlur!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when the input has focus.\n   */\n  @Event() pdsFocus!: EventEmitter<FocusEvent>;\n\n  /**\n   * Emitted when a keyboard input occurs.\n   *\n   * For elements that accept text input (`type=text`, `type=tel`, etc.), the interface\n   * is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\n   * the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\n   * the input is cleared on edit, the type is `null`.\n   */\n  @Event() pdsInput: EventEmitter<TextareaInputEventDetail>;\n\n  /**\n   * Event emitted whenever the value of the textarea changes.\n   *\n   * This event will not emit when programmatically setting the `value` property.\n   */\n  @Event() pdsTextareaChange: EventEmitter<TextareaChangeEventDetail>;\n\n  /**\n   * Sets focus on the native `textarea` in the `pds-textarea`. Use this method instead of the global\n   * `textarea.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.nativeTextarea) {\n      this.nativeTextarea.focus();\n    }\n  }\n\n  /**\n   * Specifies if and how the browser provides `autocomplete` assistance for the field.\n   */\n  @Prop() autocomplete: string;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines whether or not the textarea is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the event after each keystroke.\n   */\n  @Prop() debounce?: number;\n\n  /**\n   * Displays an error message below the textarea field.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * Displays a message or hint below the textarea field.\n   */\n  @Prop() helperMessage?: string;\n\n  /**\n   * Determines whether or not the textarea is invalid or throws an error.\n   * @defaultValue false\n   */\n  @Prop({mutable: true}) invalid = false;       // eslint-disable-line @stencil-community/strict-mutable\n\n  /**\n   * Text to be displayed as the textarea label.\n   */\n  @Prop() label?: string;\n\n  /**\n   * Visually hides the label text for instances where only the textarea should be displayed. Label remains accessible to assistive technology such as screen readers.\n   * Note: When true, the action slot is also hidden to maintain a minimal UI.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.\n   */\n  @Prop() name: string = this.componentId;\n\n  /**\n   * Specifies a short hint that describes the expected value of the textarea.\n   */\n  @Prop() placeholder?: string;\n\n  /**\n   * Determines whether or not the textarea is readonly.\n   * @defaultValue false\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Determines whether or not the textarea is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * Sets number of rows of text visible without needing to scroll in the textarea.\n   */\n  @Prop() rows?: number;\n\n  /**\n   * The value of the textarea.\n   */\n  @Prop({mutable: true}) value?: string | null = '';\n\n  @State() hasFocus = false;\n\n  /**\n   * If true, the textarea has action content in the label area\n   */\n  @State() hasAction = false;\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    const { pdsInput, debounce, originalPdsInput } = this;\n\n    this.pdsInput = debounce === undefined ? originalPdsInput ?? pdsInput : debounceEvent(pdsInput, debounce);\n  }\n\n  /**\n   * Update the native input element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    const nativeTextarea = this.nativeTextarea;\n    const value = this.getValue();\n\n    if (nativeTextarea && nativeTextarea.value !== value) {\n      nativeTextarea.value = value;\n    }\n\n    // Update form value for Form Associated Custom Elements API\n    this.updateFormValue();\n  }\n\n  /**\n   * Emits an `pdsInput` event.\n   */\n  private emitInputChange(event?: Event) {\n    const { value } = this;\n    this.pdsInput.emit({ value, event });\n  }\n\n  /**\n   * Emits an `pdsTextareaChange` event.\n   */\n  private emitValueChange(event?: Event) {\n    const textarea = event.target as HTMLTextAreaElement;\n    isRequired(textarea, this);\n\n    const { value } = textarea;\n\n    // Checks for both null and undefined values\n    const newValue = value == null ? value : value.toString();\n    this.focusedValue = newValue;\n    this.pdsTextareaChange.emit({ value: newValue, event });\n  }\n\n  private getValue(): string {\n    return this.value || '';\n  }\n\n  private onBlur = (ev: FocusEvent) => {\n    this.hasFocus = false;\n\n    if (this.focusedValue !== this.value) {\n      this.emitValueChange(ev);\n    }\n\n    this.pdsBlur.emit(ev);\n  };\n\n  private onFocus = (ev: FocusEvent) => {\n    this.hasFocus = true;\n    this.focusedValue = this.value;\n\n    this.pdsFocus.emit(ev);\n  };\n\n  private onInput = (ev: Event) => {\n    const input = ev.target as HTMLTextAreaElement | null;\n    if (input) {\n      this.value = input.value || '';\n    }\n    this.emitInputChange(ev);\n  };\n\n  private onTextareaChange = (ev: Event) => {\n    this.emitValueChange(ev);\n  };\n\n  private textareaClassNames() {\n    const classNames = ['pds-textarea__field'];\n\n    if (this.invalid && this.invalid === true) {\n      classNames.push('is-invalid');\n    }\n\n    return classNames.join('  ');\n  }\n\n  connectedCallback() {\n    this.debounceChanged();\n    // Initialize ElementInternals for form association\n    if (this.el.attachInternals) {\n      this.internals = this.el.attachInternals();\n    }\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = {\n      ...inheritAriaAttributes(this.el),\n      ...inheritAttributes(this.el),\n    };\n    this.hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n  }\n\n  componentDidLoad() {\n    this.originalPdsInput = this.pdsInput;\n    // Set initial form value\n    this.updateFormValue();\n  }\n\n  private renderAction() {\n    const hasAction = this.el.querySelector('[slot=\"action\"]') !== null;\n    if (hasAction) {\n      return (\n        <div class=\"pds-textarea__action\" part=\"action\">\n          <slot name=\"action\"></slot>\n        </div>\n      );\n    }\n    return null;\n  }\n\n  /**\n   * Updates the form value using ElementInternals API\n   */\n  private updateFormValue() {\n    if (this.internals && this.internals.setFormValue) {\n      const value = this.getValue();\n      this.internals.setFormValue(value || null);\n\n      // Set validity based on native textarea validation\n      if (this.nativeTextarea && this.internals && this.internals.setValidity) {\n        this.internals.setValidity(\n          this.nativeTextarea.validity,\n          this.nativeTextarea.validationMessage,\n          this.nativeTextarea\n        );\n      }\n    }\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is reset\n   */\n  formResetCallback() {\n    this.value = '';\n    this.updateFormValue();\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called when the form is disabled\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  /**\n   * Form Associated Custom Elements API: Called to restore form state\n   */\n  formStateRestoreCallback(state: string | FormData | null) {\n    if (typeof state === 'string') {\n      this.value = state;\n    } else if (state instanceof FormData && this.name) {\n      // Extract value from FormData using the textarea's name\n      const value = state.get(this.name);\n      if (typeof value === 'string') {\n        this.value = value;\n      }\n    }\n  }\n\n  render() {\n    const value = this.getValue();\n\n    return (\n      <Host\n        aria-disabled={this.disabled ? 'true' : null}\n        aria-readonly={this.readonly ? 'true' : null}\n        has-action={this.hasAction && !this.hideLabel ? 'true' : null}\n      >\n        <div class=\"pds-textarea\">\n          {this.label &&\n            <div class=\"pds-textarea__label-wrapper\">\n              <label htmlFor={this.componentId}>\n                <span class={this.hideLabel ? 'visually-hidden' : ''}>\n                  {this.label}\n                </span>\n              </label>\n              {!this.hideLabel && this.renderAction()}\n            </div>\n          }\n          <textarea\n            ref={(el) => this.nativeTextarea = el }\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            autocomplete={this.autocomplete}\n            class={this.textareaClassNames()}\n            disabled={this.disabled}\n            id={this.componentId}\n            name={this.name}\n            placeholder={this.placeholder}\n            readOnly={this.readonly}\n            required={this.required}\n            rows={this.rows}\n            onBlur={this.onBlur}\n            onChange={this.onTextareaChange}\n            onFocus={this.onFocus}\n            onInput={this.onInput}\n            {...this.inheritedAttributes}\n          >\n            {value}\n          </textarea>\n          {this.helperMessage &&\n            <p\n              class=\"pds-textarea__helper-message\"\n              id={messageId(this.componentId, 'helper')}\n            >\n              {this.helperMessage}\n            </p>\n          }\n          {this.invalid &&\n            <p\n              aria-live=\"assertive\"\n              class=\"pds-textarea__error-message\"\n              id={messageId(this.componentId, 'error')}\n            >\n              <pds-icon icon={danger} size=\"small\" />\n              {this.errorMessage}\n            </p>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qOAAA,MAAMA,EAAW,qTCAjB,MAAMC,EAAoB,wECA1B,MAAMC,EAAiB,6pF,MCqBVC,EAAW,MAVxB,WAAAC,CAAAC,G,8JAcUC,KAAmBC,oBAAe,GA0DlCD,KAAQE,SAAG,MAqBIF,KAAAG,QAAU,MAgBzBH,KAAAI,KAAeJ,KAAKK,YAWpBL,KAAQM,SAAG,MAMXN,KAAQO,SAAG,MAUIP,KAAKQ,MAAmB,GAEtCR,KAAQS,SAAG,MAKXT,KAASU,UAAG,MAoDbV,KAAAW,OAAUC,IAChBZ,KAAKS,SAAW,MAEhB,GAAIT,KAAKa,eAAiBb,KAAKQ,MAAO,CACpCR,KAAKc,gBAAgBF,E,CAGvBZ,KAAKe,QAAQC,KAAKJ,EAAG,EAGfZ,KAAAiB,QAAWL,IACjBZ,KAAKS,SAAW,KAChBT,KAAKa,aAAeb,KAAKQ,MAEzBR,KAAKkB,SAASF,KAAKJ,EAAG,EAGhBZ,KAAAmB,QAAWP,IACjB,MAAMQ,EAAQR,EAAGS,OACjB,GAAID,EAAO,CACTpB,KAAKQ,MAAQY,EAAMZ,OAAS,E,CAE9BR,KAAKsB,gBAAgBV,EAAG,EAGlBZ,KAAAuB,iBAAoBX,IAC1BZ,KAAKc,gBAAgBF,EAAG,CA+J3B,CAxUC,cAAMY,GACJ,GAAIxB,KAAKyB,eAAgB,CACvBzB,KAAKyB,eAAeC,O,EA4Fd,eAAAC,GACR,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,iBAAEA,GAAqB9B,KAEjDA,KAAK4B,SAAWC,IAAaE,UAAYD,IAAA,MAAAA,SAAgB,EAAhBA,EAAoBF,EAAWI,EAAcJ,EAAUC,E,CAOxF,YAAAI,GACR,MAAMR,EAAiBzB,KAAKyB,eAC5B,MAAMjB,EAAQR,KAAKkC,WAEnB,GAAIT,GAAkBA,EAAejB,QAAUA,EAAO,CACpDiB,EAAejB,MAAQA,C,CAIzBR,KAAKmC,iB,CAMC,eAAAb,CAAgBc,GACtB,MAAM5B,MAAEA,GAAUR,KAClBA,KAAK4B,SAASZ,KAAK,CAAER,QAAO4B,S,CAMtB,eAAAtB,CAAgBsB,GACtB,MAAMC,EAAWD,EAAMf,OACvBiB,EAAWD,EAAUrC,MAErB,MAAMQ,MAAEA,GAAU6B,EAGlB,MAAME,EAAW/B,GAAS,KAAOA,EAAQA,EAAMgC,WAC/CxC,KAAKa,aAAe0B,EACpBvC,KAAKyC,kBAAkBzB,KAAK,CAAER,MAAO+B,EAAUH,S,CAGzC,QAAAF,GACN,OAAOlC,KAAKQ,OAAS,E,CAgCf,kBAAAkC,GACN,MAAMC,EAAa,CAAC,uBAEpB,GAAI3C,KAAKG,SAAWH,KAAKG,UAAY,KAAM,CACzCwC,EAAWC,KAAK,a,CAGlB,OAAOD,EAAWE,KAAK,K,CAGzB,iBAAAC,GACE9C,KAAK2B,kBAEL,GAAI3B,KAAK+C,GAAGC,gBAAiB,CAC3BhD,KAAKiD,UAAYjD,KAAK+C,GAAGC,iB,EAI7B,iBAAAE,GACElD,KAAKC,oBAAmBkD,OAAAC,OAAAD,OAAAC,OAAA,GACnBC,EAAsBrD,KAAK+C,KAC3BO,EAAkBtD,KAAK+C,KAE5B/C,KAAKU,UAAYV,KAAK+C,GAAGQ,cAAc,qBAAuB,I,CAGhE,gBAAAC,GACExD,KAAK8B,iBAAmB9B,KAAK4B,SAE7B5B,KAAKmC,iB,CAGC,YAAAsB,GACN,MAAM/C,EAAYV,KAAK+C,GAAGQ,cAAc,qBAAuB,KAC/D,GAAI7C,EAAW,CACb,OACEgD,EAAA,OAAKC,MAAM,uBAAuBC,KAAK,UACrCF,EAAA,QAAMtD,KAAK,W,CAIjB,OAAO,I,CAMD,eAAA+B,GACN,GAAInC,KAAKiD,WAAajD,KAAKiD,UAAUY,aAAc,CACjD,MAAMrD,EAAQR,KAAKkC,WACnBlC,KAAKiD,UAAUY,aAAarD,GAAS,MAGrC,GAAIR,KAAKyB,gBAAkBzB,KAAKiD,WAAajD,KAAKiD,UAAUa,YAAa,CACvE9D,KAAKiD,UAAUa,YACb9D,KAAKyB,eAAesC,SACpB/D,KAAKyB,eAAeuC,kBACpBhE,KAAKyB,e,GASb,iBAAAwC,GACEjE,KAAKQ,MAAQ,GACbR,KAAKmC,iB,CAMP,oBAAA+B,CAAqBhE,GACnBF,KAAKE,SAAWA,C,CAMlB,wBAAAiE,CAAyBC,GACvB,UAAWA,IAAU,SAAU,CAC7BpE,KAAKQ,MAAQ4D,C,MACR,GAAIA,aAAiBC,UAAYrE,KAAKI,KAAM,CAEjD,MAAMI,EAAQ4D,EAAME,IAAItE,KAAKI,MAC7B,UAAWI,IAAU,SAAU,CAC7BR,KAAKQ,MAAQA,C,GAKnB,MAAA+D,GACE,MAAM/D,EAAQR,KAAKkC,WAEnB,OACEwB,EAACc,EAAI,CAAAC,IAAA,2DACYzE,KAAKE,SAAW,OAAS,KAAI,gBAC7BF,KAAKM,SAAW,OAAS,KAAI,aAChCN,KAAKU,YAAcV,KAAK0E,UAAY,OAAS,MAEzDhB,EAAK,OAAAe,IAAA,2CAAAd,MAAM,gBACR3D,KAAK2E,OACJjB,EAAK,OAAAe,IAAA,2CAAAd,MAAM,+BACTD,EAAA,SAAAe,IAAA,2CAAOG,QAAS5E,KAAKK,aACnBqD,EAAA,QAAAe,IAAA,2CAAMd,MAAO3D,KAAK0E,UAAY,kBAAoB,IAC/C1E,KAAK2E,SAGR3E,KAAK0E,WAAa1E,KAAKyD,gBAG7BC,EAAA,WAAAP,OAAAC,OAAA,CAAAqB,IAAA,2CACEI,IAAM9B,GAAO/C,KAAKyB,eAAiBsB,EACjB,mBAAA+B,EAAkB9E,KAAKK,YAAaL,KAAKG,QAASH,KAAK+E,eAAc,eACzE/E,KAAKG,QAAU,OAAS4B,UACtCiD,aAAchF,KAAKgF,aACnBrB,MAAO3D,KAAK0C,qBACZxC,SAAUF,KAAKE,SACf+E,GAAIjF,KAAKK,YACTD,KAAMJ,KAAKI,KACX8E,YAAalF,KAAKkF,YAClBC,SAAUnF,KAAKM,SACfC,SAAUP,KAAKO,SACf6E,KAAMpF,KAAKoF,KACXzE,OAAQX,KAAKW,OACb0E,SAAUrF,KAAKuB,iBACfN,QAASjB,KAAKiB,QACdE,QAASnB,KAAKmB,SACVnB,KAAKC,qBAERO,GAEFR,KAAK+E,eACJrB,EAAA,KAAAe,IAAA,2CACEd,MAAM,+BACNsB,GAAIK,EAAUtF,KAAKK,YAAa,WAE/BL,KAAK+E,eAGT/E,KAAKG,SACJuD,EAAA,KAAAe,IAAA,uDACY,YACVd,MAAM,8BACNsB,GAAIK,EAAUtF,KAAKK,YAAa,UAEhCqD,EAAA,YAAAe,IAAA,2CAAUc,KAAMC,EAAQC,KAAK,UAC5BzF,KAAK0F,e","ignoreList":[]}

package/dist/pine-core/p-e65a7d1c.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-B_C-mRjx.system.js"],(function(e){"use strict";var t,a,n,i;return{setters:[function(e){t=e.r;a=e.h;n=e.H;i=e.g}],execute:function(){var s=":host{display:block}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}";var l=e("pds_tabpanel",function(){function e(e){t(this,e);this.selected=false}e.prototype.render=function(){return a(n,{key:"452260718e63155f0ce100b6d502b208fe0b8210",slot:"tabpanels"},a("div",{key:"dbf06166503b2890d827ac58f3481330f60edb5c",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},a("slot",{key:"4785fa2a3781569b51e1947db5dd860b36e09ab5"})))};Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());l.style=s}}}));
-//# sourceMappingURL=p-e65a7d1c.system.entry.js.map

package/dist/pine-core/p-efa788ea.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as d}from"./p-BVCWKPy3.js";const e="pds-modal-header{display:block;width:100%}.pds-modal__header{width:100%}";const s=class{constructor(d){a(this,d)}render(){return d("header",{key:"fae059fcb90ead7e78fb5925ea091a6952dd3f07",class:"pds-modal__header"},d("slot",{key:"757a74c0d924cc91607008a9aeb355fc5413f168"}))}};s.style=e;export{s as pds_modal_header};
-//# sourceMappingURL=p-efa788ea.entry.js.map

package/dist/pine-core/p-f880adaa.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as s,g as t}from"./p-BVCWKPy3.js";const i=":host{display:block}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}";const n=class{constructor(e){a(this,e);this.selected=false}render(){return e(s,{key:"452260718e63155f0ce100b6d502b208fe0b8210",slot:"tabpanels"},e("div",{key:"dbf06166503b2890d827ac58f3481330f60edb5c",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},e("slot",{key:"4785fa2a3781569b51e1947db5dd860b36e09ab5"})))}get el(){return t(this)}};n.style=i;export{n as pds_tabpanel};
-//# sourceMappingURL=p-f880adaa.entry.js.map

package/dist/pine-core/p-fb4058e6.entry.js

@@ -1,2 +0,0 @@
-import{r as a,c as d,h as e,g as s}from"./p-BVCWKPy3.js";const i=".pds-modal__backdrop{-ms-flex-align:start;align-items:flex-start;background-color:rgba(0, 0, 0, 0.4);border:0;display:-ms-flexbox;display:flex;height:100%;inset:0;-ms-flex-pack:center;justify-content:center;margin:0;max-height:100%;max-width:100%;opacity:0;padding:0;position:fixed;-webkit-transition:opacity 0.2s ease, visibility 0.2s ease;transition:opacity 0.2s ease, visibility 0.2s ease;visibility:hidden;width:100%;z-index:1000}@supports ((-webkit-backdrop-filter: blur(3px)) or (backdrop-filter: blur(3px))){.pds-modal__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}pds-modal .pds-modal__backdrop{z-index:1001}.pds-modal__backdrop::-webkit-backdrop{background:transparent}.pds-modal__backdrop::-ms-backdrop{background:transparent}.pds-modal__backdrop::backdrop{background:transparent}.pds-modal__backdrop.open{opacity:1;visibility:visible}.pds-modal{background:var(--pine-color-background-container);border-radius:var(--pine-dimension-sm);-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--pine-dimension-md);max-height:calc(100vh - (5vh + 96px));width:100%}@media (min-width: 992px){.pds-modal{-webkit-margin-before:6vh;margin-block-start:6vh}}@media (min-width: 1200px){.pds-modal{-webkit-margin-before:8vh;margin-block-start:8vh}}.pds-modal--sm{max-width:520px}.pds-modal--md{max-width:700px}.pds-modal--lg{max-width:900px}.pds-modal--fullscreen{border-radius:0;height:100%;margin:0;max-height:100vh;max-width:100%}.pds-modal--fullscreen .pds-modal-content{-ms-flex:1;flex:1}";const o=class{constructor(e){a(this,e);this.pdsModalOpen=d(this,"pdsModalOpen");this.pdsModalClose=d(this,"pdsModalClose");this.pdsModalBackdropClick=d(this,"pdsModalBackdropClick");this.size="md";this.backdropDismiss=true;this.open=false}async showModal(){this.open=true;this.pdsModalOpen.emit()}async hideModal(){this.open=false;this.pdsModalClose.emit()}handleBackdropClick(a){const d=this.el.querySelector(".pds-modal__backdrop");if(a.target===d&&this.backdropDismiss===true){this.pdsModalBackdropClick.emit();this.hideModal()}}handleKeyDown(a){if(a.key==="Escape"&&this.open===true){this.hideModal()}}componentDidLoad(){}render(){const a={"pds-modal":true,[`pds-modal--${this.size}`]:true,"pds-modal--scrollable":true};const d={"pds-modal__backdrop":true,open:this.open};return e("div",{key:"1add4d6197e52590f97de144745dc7e13b79fc2f",class:d},e("div",{key:"f9e0dcf40e353041a4b135eb687a89b99352a86e",class:a,role:"dialog","aria-modal":"true","aria-labelledby":this.componentId?`${this.componentId}-heading`:null},e("div",{key:"a0eff71ed114a48f588f2eab147a12ecd513ef23",class:"pds-modal__header"},e("slot",{key:"0b58df0cc5241ffffa459f07f913c490fff3adce",name:"header"})),e("div",{key:"41e5ee8b58bb60bcc8f1aa72a7b24839a68a2e9f",class:"pds-modal-content"},e("slot",{key:"4c9a073f2d6ddcd7942ec1f1839886c0868c15a3"})),e("div",{key:"89d542843d68c860fe2526bbc05fac4893c3d616",class:"pds-modal__footer"},e("slot",{key:"1d5720bc3a86d97309c015d3c98ee25f85ef7c34",name:"footer"}))))}get el(){return s(this)}};o.style=i;export{o as mock_pds_modal};
-//# sourceMappingURL=p-fb4058e6.entry.js.map

package/dist/pine-core/p-fb4058e6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pdsModalCss","MockPdsModal","constructor","hostRef","this","size","backdropDismiss","open","showModal","pdsModalOpen","emit","hideModal","pdsModalClose","handleBackdropClick","event","backdrop","el","querySelector","target","pdsModalBackdropClick","handleKeyDown","key","componentDidLoad","render","modalClasses","backdropClasses","h","class","role","componentId","name"],"sources":["src/components/pds-modal/pds-modal.scss?tag=mock-pds-modal","src/components/pds-modal/test/mock-pds-modal.tsx"],"sourcesContent":[".pds-modal__backdrop {\n  align-items: flex-start;\n  background-color: rgba(0, 0, 0, 0.4);\n  border: 0;\n  display: flex;\n  height: 100%;\n  inset: 0;\n  justify-content: center;\n  margin: 0;\n  max-height: 100%;\n  max-width: 100%;\n  opacity: 0;\n  padding: 0;\n  position: fixed;\n  transition: opacity 0.2s ease, visibility 0.2s ease;\n  visibility: hidden;\n  width: 100%;\n  z-index: 1000;\n\n  @supports (backdrop-filter: blur(3px)) {\n    backdrop-filter: blur(3px);\n  }\n\n  // Increase z-index for nested modals\n  pds-modal & {\n    z-index: 1001;\n  }\n\n  &::backdrop {\n    background: transparent;\n  }\n\n  &.open {\n    opacity: 1;\n    visibility: visible;\n  }\n}\n\n.pds-modal {\n  background: var(--pine-color-background-container);\n  border-radius: var(--pine-dimension-sm);\n  box-shadow: var(--pine-box-shadow-400);\n  display: flex;\n  flex-direction: column;\n  margin: var(--pine-dimension-md);\n  max-height: calc(100vh - (calc(5vh + 96px)));\n  width: 100%;\n\n  @media (min-width: 992px) {\n    margin-block-start: 6vh;\n  }\n\n  @media (min-width: 1200px) {\n    margin-block-start: 8vh;\n  }\n}\n\n.pds-modal--sm {\n  max-width: 520px;\n}\n\n.pds-modal--md {\n  max-width: 700px;\n}\n\n.pds-modal--lg {\n  max-width: 900px;\n}\n\n.pds-modal--fullscreen {\n  border-radius: 0;\n  height: 100%;\n  margin: 0;\n  max-height: 100vh;\n  max-width: 100%;\n}\n\n.pds-modal-content {\n  .pds-modal--fullscreen & {\n    flex: 1;\n  }\n}\n\n","import { Component, Prop, Event, EventEmitter, Method, Element, h } from '@stencil/core';\n\n// Define the element interface for the mock component\ninterface HTMLMockPdsModalElement extends HTMLElement {\n  open: boolean;\n  showModal: () => Promise<void>;\n  hideModal: () => Promise<void>;\n  handleBackdropClick: (event: MouseEvent) => void;\n  handleKeyDown: (event: KeyboardEvent) => void;\n}\n\n/**\n * Mock PdsModal component for testing purposes\n * This component mimics the real PdsModal but without using the Popover API\n */\n@Component({\n  tag: 'mock-pds-modal',\n  styleUrl: '../pds-modal.scss',\n  shadow: false,\n})\nexport class MockPdsModal {\n  @Element() el!: HTMLMockPdsModalElement;\n\n  /**\n   * The ID of the modal component\n   */\n  @Prop() componentId?: string;\n\n  /**\n   * The size of the modal\n   */\n  @Prop() size: 'sm' | 'md' | 'lg' | 'fullscreen' = 'md';\n\n  // Modal content is always scrollable by default\n\n  /**\n   * Whether the modal can be dismissed by clicking the backdrop\n   */\n  @Prop() backdropDismiss = true;\n\n  // Native dialog element always closes on Escape key press, so no closeOnEsc property is needed\n\n  /**\n   * Whether the modal is open\n   */\n  @Prop({ mutable: true }) open = false;\n\n  // No need for modalRef in the mock implementation\n\n  /**\n   * Event emitted when the modal is opened\n   */\n  @Event() pdsModalOpen: EventEmitter;\n\n  /**\n   * Event emitted when the modal is closed\n   */\n  @Event() pdsModalClose: EventEmitter;\n\n  /**\n   * Event emitted when the backdrop is clicked\n   */\n  @Event() pdsModalBackdropClick: EventEmitter;\n\n  /**\n   * Shows the modal\n   */\n  @Method()\n  async showModal() {\n    this.open = true;\n    this.pdsModalOpen.emit();\n  }\n\n  /**\n   * Hides the modal\n   */\n  @Method()\n  async hideModal() {\n    this.open = false;\n    this.pdsModalClose.emit();\n  }\n\n  /**\n   * Listen for click events on the backdrop\n   */\n  // Using direct method instead of @Listen to avoid ESLint warning\n  handleBackdropClick(event: MouseEvent) {\n    const backdrop = this.el.querySelector('.pds-modal__backdrop');\n    // Check if the click was directly on the backdrop (not on a child element)\n    if (event.target === backdrop && this.backdropDismiss === true) {\n      this.pdsModalBackdropClick.emit();\n      this.hideModal();\n    }\n  }\n\n  /**\n   * Listen for keydown events to handle Escape key\n   * Native dialog element always closes on Escape key press\n   */\n  // Using direct method instead of @Listen to avoid ESLint warning\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.open === true) {\n      this.hideModal();\n    }\n  }\n\n  componentDidLoad() {\n    // No need to do anything in componentDidLoad for the mock\n  }\n\n  render() {\n    const modalClasses = {\n      'pds-modal': true,\n      [`pds-modal--${this.size}`]: true,\n      'pds-modal--scrollable': true, // Always scrollable by default\n    };\n\n    const backdropClasses = {\n      'pds-modal__backdrop': true,\n      'open': this.open,\n    };\n\n    return (\n      <div class={backdropClasses}>\n        <div\n          class={modalClasses}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={this.componentId ? `${this.componentId}-heading` : null}\n        >\n          <div class=\"pds-modal__header\">\n            <slot name=\"header\"></slot>\n          </div>\n          <div class=\"pds-modal-content\">\n            <slot></slot>\n          </div>\n          <div class=\"pds-modal__footer\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAc,umD,MCoBPC,EAAY,MALzB,WAAAC,CAAAC,G,yJAgBUC,KAAIC,KAAsC,KAO1CD,KAAeE,gBAAG,KAODF,KAAIG,KAAG,KAkGjC,CA3EC,eAAMC,GACJJ,KAAKG,KAAO,KACZH,KAAKK,aAAaC,M,CAOpB,eAAMC,GACJP,KAAKG,KAAO,MACZH,KAAKQ,cAAcF,M,CAOrB,mBAAAG,CAAoBC,GAClB,MAAMC,EAAWX,KAAKY,GAAGC,cAAc,wBAEvC,GAAIH,EAAMI,SAAWH,GAAYX,KAAKE,kBAAoB,KAAM,CAC9DF,KAAKe,sBAAsBT,OAC3BN,KAAKO,W,EAST,aAAAS,CAAcN,GACZ,GAAIA,EAAMO,MAAQ,UAAYjB,KAAKG,OAAS,KAAM,CAChDH,KAAKO,W,EAIT,gBAAAW,G,CAIA,MAAAC,GACE,MAAMC,EAAe,CACnB,YAAa,KACb,CAAC,cAAcpB,KAAKC,QAAS,KAC7B,wBAAyB,MAG3B,MAAMoB,EAAkB,CACtB,sBAAuB,KACvBlB,KAAQH,KAAKG,MAGf,OACEmB,EAAA,OAAAL,IAAA,2CAAKM,MAAOF,GACVC,EACE,OAAAL,IAAA,2CAAAM,MAAOH,EACPI,KAAK,SAAQ,aACF,OAAM,kBACAxB,KAAKyB,YAAc,GAAGzB,KAAKyB,sBAAwB,MAEpEH,EAAK,OAAAL,IAAA,2CAAAM,MAAM,qBACTD,EAAA,QAAAL,IAAA,2CAAMS,KAAK,YAEbJ,EAAK,OAAAL,IAAA,2CAAAM,MAAM,qBACTD,EAAA,QAAAL,IAAA,8CAEFK,EAAK,OAAAL,IAAA,2CAAAM,MAAM,qBACTD,EAAM,QAAAL,IAAA,2CAAAS,KAAK,a","ignoreList":[]}