npm - @pine-ds/core - Versions diffs - 3.0.3 → 3.2.0 - Mend

@pine-ds/core 3.0.3 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (722) hide show

package/dist/pine-core/{p-abcce8af.entry.js → p-17d3fa8b.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as i,c as r,h as e,H as a}from"./p-Uh5ntVcq.js";import{m as s,a as o}from"./p-DTL_39D_.js";import{f as d}from"./p-mVZRKoXd.js";const n=".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const c='.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--pine-color-border-danger-hover);border-color:var(--pine-color-border-danger-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-background-container);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-body-sm);gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';const l=class{constructor(e){i(this,e);this.pdsRadioChange=r(this,"pdsRadioChange");this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.handleRadioChange=i=>{if(this.disabled){return}const r=i.target;const e=r.checked;this.pdsRadioChange.emit(e)}}classNames(){const i=[];if(this.invalid){i.push("is-invalid")}if(this.disabled){i.push("is-disabled")}return i.join("  ")}render(){return e(a,{key:"7366c979970c03d9c6b26d355ba2f14c2e040907",class:this.classNames()},e("label",{key:"c48405dc725f4d7b0a027e66c3b0b04e72843445",htmlFor:this.componentId},e("input",{key:"cd38a200a73572d2f07ada9bc1ec08cae0863044","aria-describedby":o(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),e("span",{key:"a21fb68b4326afb2bf25b08cf6022cd26f3c83ba",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&e("div",{key:"b4c201465e085096ac5fac05e43b01cee045310e",class:"pds-radio__message",id:s(this.componentId,"helper")},this.helperMessage),this.errorMessage&&e("div",{key:"2c0475efbe1ebedd762de9d432864f5dab8f0448",class:`pds-radio__message pds-radio__message--error`,id:s(this.componentId,"error"),"aria-live":"assertive"},e("pds-icon",{key:"40ece3a429d9475c17f262d772cdb7332a7089b2",icon:d,size:"small"}),this.errorMessage))}};l.style=n+c;export{l as pds_radio};
-//# sourceMappingURL=p-abcce8af.entry.js.map
+import{r as i,c as r,h as e,H as a}from"./p-Uh5ntVcq.js";import{m as s,a as o}from"./p-DTL_39D_.js";import{f as d}from"./p-_4gljHh-.js";const n=".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const c='.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--pine-color-border-danger-hover);border-color:var(--pine-color-border-danger-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-background-container);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-body-sm);gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';const l=class{constructor(e){i(this,e);this.pdsRadioChange=r(this,"pdsRadioChange");this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.handleRadioChange=i=>{if(this.disabled){return}const r=i.target;const e=r.checked;this.pdsRadioChange.emit(e)}}classNames(){const i=[];if(this.invalid){i.push("is-invalid")}if(this.disabled){i.push("is-disabled")}return i.join("  ")}render(){return e(a,{key:"a31d9cd94150a104a83595043dc003fa5d9779a2",class:this.classNames()},e("label",{key:"1d71e515a00c25bbaac7d0420f4a4ee6a5189836",htmlFor:this.componentId},e("input",{key:"800b2bbf703e68fbf60f62d6c28228759d976436","aria-describedby":o(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),e("span",{key:"33c241168498b07a25dfc5ac6f9244eb3ce93547",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&e("div",{key:"f159de72b68a0f1bf07abb52d50a0d6d89b4f766",class:"pds-radio__message",id:s(this.componentId,"helper")},this.helperMessage),this.errorMessage&&e("div",{key:"fb5877c78e519db27964308c1607ab58fc2fcb08",class:`pds-radio__message pds-radio__message--error`,id:s(this.componentId,"error"),"aria-live":"assertive"},e("pds-icon",{key:"1385571ed511a800778d64edf48e2853a1c4793e",icon:d,size:"small"}),this.errorMessage))}};l.style=n+c;export{l as pds_radio};
+//# sourceMappingURL=p-17d3fa8b.entry.js.map

package/dist/pine-core/p-1b109c01.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as a,c as d,h as s,g as e}from"./p-Uh5ntVcq.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 - (6vh + 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(s){a(this,s);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 s("div",{key:"fb141b585e21257f4e2b1e189211ffd8fdbf5f21",class:d},s("div",{key:"2431265c962c17042b79e59e8799159c0af79bba",class:a,role:"dialog","aria-modal":"true","aria-labelledby":this.componentId?`${this.componentId}-heading`:null},s("div",{key:"122d233ca19497ccd8541474343442391a9fd60b",class:"pds-modal__header"},s("slot",{key:"abb92bd56f45ac7a1007649952eb6351dbe1193d",name:"header"})),s("div",{key:"fb096821bccb813311f3047bb33a81374808a99d",class:"pds-modal-content"},s("slot",{key:"79400555ec3420db6eda65f12b90060b5507c96e"})),s("div",{key:"60462c314237b4b573c222df26aa41073437f298",class:"pds-modal__footer"},s("slot",{key:"9253219fc90477c4c86df974f4a6a196f693e548",name:"footer"}))))}get el(){return e(this)}};o.style=i;export{o as mock_pds_modal};
2	+ //# sourceMappingURL=p-1b109c01.entry.js.map

package/dist/pine-core/p-1b109c01.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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(6vh + 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":[]}

package/dist/pine-core/p-1bd715ee.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var __awaiter=this&&this.__awaiter\|\|function(t,i,o,r){function e(t){return t instanceof o?t:new o((function(i){i(t)}))}return new(o\|\|(o=Promise))((function(o,n){function a(t){try{l(r.next(t))}catch(t){n(t)}}function s(t){try{l(r["throw"](t))}catch(t){n(t)}}function l(t){t.done?o(t.value):e(t.value).then(a,s)}l((r=r.apply(t,i\|\|[])).next())}))};var __generator=this&&this.__generator\|\|function(t,i){var o={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,e,n,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(i){return l([t,i])}}function l(s){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(o=0)),o)try{if(r=1,e&&(n=s[0]&2?e["return"]:s[0]?e["throw"]\|\|((n=e["return"])&&n.call(e),0):e.next)&&!(n=n.call(e,s[1])).done)return n;if(e=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;e=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(n=o.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6\|\|s[0]===2)){o=0;continue}if(s[0]===3&&(!n\|\|s[1]>n[0]&&s[1]<n[3])){o.label=s[1];break}if(s[0]===6&&o.label<n[1]){o.label=n[1];n=s;break}if(n&&o.label<n[2]){o.label=n[2];o.ops.push(s);break}if(n[2])o.ops.pop();o.trys.pop();continue}s=i.call(t,o)}catch(t){s=[6,t];e=0}finally{r=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-C_8VmA8d.system.js"],(function(t){"use strict";var i,o,r,e;return{setters:[function(t){i=t.r;o=t.h;r=t.H;e=t.g}],execute:function(){var n=function(t){var i=t.elem,o=t.elemPlacement,r=t.overlay,e=t.offset,n=e===void 0?8:e;if(i===null\|\|r===null)return false;if(typeof o!=="string"\|\|o.trim()===""){return false}var a=i.getBoundingClientRect();var s=r.getBoundingClientRect();r.style.top="";r.style.left="";r.style.right="";r.style.bottom="";r.style.transform="";r.style.position="fixed";var l=false;if(i.childNodes.length===1&&i.childNodes[0].nodeType===Node.TEXT_NODE){l=true}else if(i.childNodes.length===1&&i.childNodes[0].nodeType===Node.ELEMENT_NODE){var p=i.childNodes[0];if(p.tagName==="SPAN"&&p.childNodes.length===1&&p.childNodes[0].nodeType===Node.TEXT_NODE){l=true}}switch(true){case o.includes("right"):if(l){r.style.top="".concat(a.bottom-s.height/2,"px")}else{r.style.top="".concat(a.top+a.height/2-s.height/2,"px")}r.style.left="".concat(a.right+n,"px");if(o.includes("start")){r.style.top="".concat(a.top,"px")}if(o.includes("end")){r.style.top="".concat(a.bottom-s.height,"px")}break;case o.includes("left"):if(l){r.style.top="".concat(a.bottom-s.height/2,"px")}else{r.style.top="".concat(a.top+a.height/2-s.height/2,"px")}r.style.left="".concat(a.left-s.width-n,"px");if(o.includes("start")){r.style.top="".concat(a.top,"px")}if(o.includes("end")){r.style.top="".concat(a.bottom-s.height,"px")}break;case o.includes("bottom"):r.style.top="".concat(a.bottom+n,"px");r.style.left="".concat(a.left+a.width/2-s.width/2,"px");if(o.includes("start")){r.style.left="".concat(a.left,"px")}if(o.includes("end")){r.style.left="".concat(a.right-s.width,"px");r.style.right="initial"}break;case o.includes("top"):r.style.top="".concat(a.top-s.height-n,"px");r.style.left="".concat(a.left+a.width/2-s.width/2,"px");if(o.includes("start")){r.style.left="".concat(a.left,"px")}if(o.includes("end")){r.style.left="".concat(a.right-s.width,"px");r.style.right="initial"}break}return true};var a='.pds-tooltip{--tooltip-border-width-arrow-down:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-left:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-right:var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-border-width-arrow-up:0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-sizing-arrow:6px;--tooltip-sizing-arrow-offset:14px;--tooltip-dimension-max-width:320px}.pds-tooltip__content{background-color:var(--pine-color-primary);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);max-width:var(--tooltip-dimension-max-width);opacity:0;padding:var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);position:absolute;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:1}.pds-tooltip.pds-tooltip--has-html-content .pds-tooltip__content{width:auto}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--tooltip-border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);bottom:var(--tooltip-sizing-arrow-offset);left:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:initial;right:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);bottom:var(--tooltip-sizing-arrow-offset);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:50%;top:calc(var(--tooltip-sizing-arrow) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:initial;right:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}';var s=t("pds_tooltip",function(){function t(t){var o=this;i(this,t);this._isInteractiveOpen=false;this.portalEl=null;this.triggerEl=null;this.contentDiv=null;this.slotMutationObserver=null;this.overlayResizeObserver=null;this.isOpen=false;this.hasArrow=true;this.htmlContent=false;this.placement="right";this.maxWidth="352px";this.opened=false;this.handleHide=function(){if(o.opened&&!o._isInteractiveOpen){return}o.hideTooltip();o._isInteractiveOpen=false};this.handleShow=function(){if(o.opened&&!o._isInteractiveOpen){return}o._isInteractiveOpen=true;o.showTooltip()};this.handlePageShow=function(){if(o.opened&&!o._isInteractiveOpen){return}o.opened=false;o._isInteractiveOpen=false};this.handleScroll=function(){if(o.opened){if(!o._isInteractiveOpen){o.repositionPortal()}else{o.hideTooltip();o._isInteractiveOpen=false}}};this.handleSpaNavigation=function(){if(o.opened&&!o._isInteractiveOpen){return}o.hideTooltip();o._isInteractiveOpen=false}}t.prototype.handleOpenToggle=function(t,i){if(t===false&&i===true){this._isInteractiveOpen=false}};t.prototype.componentWillLoad=function(){this._isInteractiveOpen=false};t.prototype.componentDidLoad=function(){var t=this;window.addEventListener("pageshow",this.handlePageShow);this.triggerEl=this.el.querySelector(".pds-tooltip__trigger");var i=this.el.querySelector(".pds-tooltip__content-slot-wrapper");if(i!==null){this.slotMutationObserver=new MutationObserver((function(){if(t.opened&&t.portalEl!==null){t.removePortal();t.createPortal()}}));this.slotMutationObserver.observe(i,{childList:true,subtree:false})}return function(){window.removeEventListener("pageshow",t.handlePageShow);if(t.slotMutationObserver!==null){t.slotMutationObserver.disconnect()}}};t.prototype.componentDidRender=function(){if(this.opened&&this.portalEl===null){this.createPortal()}else if(!this.opened&&this.portalEl!==null){this.removePortal()}};t.prototype.showTooltip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.opened=true;return[2]}))}))};t.prototype.hideTooltip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.opened=false;return[2]}))}))};t.prototype.determinePositioningAnchor=function(){var t=this.triggerEl;if(this.triggerEl!==null){var i=this.triggerEl.childNodes;for(var o=0;o<i.length;o++){var r=i[o];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t};t.prototype.repositionPortal=function(){var t=this.determinePositioningAnchor();if(t!==null&&this.contentDiv!==null){n({elem:t,elemPlacement:this.placement,overlay:this.contentDiv});var i=this.placement.split("-");var o=i[0];var r=i.length===1;if(r){var e=t.getBoundingClientRect();var a=this.contentDiv.getBoundingClientRect();if(o==="left"\|\|o==="right"){var s=parseFloat(this.contentDiv.style.top\|\|"0");var l=e.top+e.height/2;var p=a.top+a.height/2;var d=l-p;if(Math.abs(d)>.5){this.contentDiv.style.top="".concat(s+d,"px")}}else if(o==="top"\|\|o==="bottom"){var h=parseFloat(this.contentDiv.style.left\|\|"0");var f=e.left+e.width/2;var c=a.left+a.width/2;var u=f-c;if(Math.abs(u)>.5){this.contentDiv.style.left="".concat(h+u,"px")}}}}};t.prototype.createPortal=function(){var t=this;if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className="pds-tooltip pds-tooltip--".concat(this.placement," ").concat(this.htmlContent?"pds-tooltip--has-html-content":""," ").concat(this.opened?"pds-tooltip--is-open":""," ").concat(this.hasArrow?"":"pds-tooltip--no-arrow");this.portalEl.style.position="fixed";this.portalEl.style.zIndex="9999";if(this.portalEl.id===""){this.portalEl.id=this.componentId\|\|this.el.id\|\|"pds-tooltip-portal-".concat(s.instanceCounter++)}if(this.portalEl.getAttribute("id")!==this.portalEl.id){this.portalEl.setAttribute("id",this.portalEl.id)}this.portalEl.setAttribute("role","tooltip");this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true");this.portalEl.setAttribute("aria-live",this.opened?"polite":"off");this.portalEl.style.maxWidth=this.maxWidth;this.contentDiv=document.createElement("div");this.contentDiv.className="pds-tooltip__content";this.contentDiv.setAttribute("aria-hidden",this.opened?"false":"true");this.contentDiv.setAttribute("aria-live",this.opened?"polite":"off");this.contentDiv.setAttribute("role","tooltip");this.contentDiv.style.maxWidth=this.maxWidth;var i=this.el.querySelector(".pds-tooltip__content-slot-wrapper");var o=i===null\|\|i===void 0?void 0:i.querySelector('[slot="content"]');var r=false;if(o!==null){var e=Array.from(o.childNodes);if(e.length>0){var n=e.some((function(t){var i;return t.nodeType===Node.ELEMENT_NODE\|\|t.nodeType===Node.TEXT_NODE&&((i=t.textContent)===null\|\|i===void 0?void 0:i.trim())!==""}));if(n){r=true;e.forEach((function(i){var o;if(i.nodeType===Node.ELEMENT_NODE\|\|i.nodeType===Node.TEXT_NODE&&((o=i.textContent)===null\|\|o===void 0?void 0:o.trim())!==""){t.contentDiv.appendChild(i.cloneNode(true))}}))}}}if(!r){if(this.content!==""){this.contentDiv.textContent=this.content}}this.portalEl.appendChild(this.contentDiv);document.body.appendChild(this.portalEl);this.repositionPortal();if(this.contentDiv!==null){this.overlayResizeObserver=new ResizeObserver((function(){t.repositionPortal()}));this.overlayResizeObserver.observe(this.contentDiv)}window.addEventListener("scroll",this.handleScroll,true);window.addEventListener("popstate",this.handleSpaNavigation,true);window.addEventListener("hashchange",this.handleSpaNavigation,true);if(this.triggerEl!==null&&this.portalEl.id!==""){this.triggerEl.setAttribute("aria-describedby",this.portalEl.id)}};t.prototype.removePortal=function(){if(this.overlayResizeObserver!==null&&this.contentDiv!==null){this.overlayResizeObserver.unobserve(this.contentDiv);this.overlayResizeObserver=null}if(this.portalEl!==null){window.removeEventListener("scroll",this.handleScroll,true);window.removeEventListener("popstate",this.handleSpaNavigation,true);window.removeEventListener("hashchange",this.handleSpaNavigation,true);document.body.removeChild(this.portalEl);this.portalEl=null}if(this.triggerEl!==null){this.triggerEl.removeAttribute("aria-describedby")}this.contentDiv=null};t.prototype.render=function(){var t=this;var i=this.componentId\|\|undefined;return o(r,{key:"0fe2bea1ea0e8eaeb5879644694a2e129f1f4898",id:i,class:{"pds-tooltip--is-open":this.opened}},o("span",{key:"f26feb3c37957573d3b6b0a55091b2e7012ae31b",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocus:this.handleShow,onBlur:this.handleHide,ref:function(i){return t.triggerEl=i}},o("slot",{key:"c7940e3aa7f17fc5d5fcdedc0a624204ceed291c"})),o("div",{key:"0c8dc83e3b7f8c1337aae8641d80f63c0866c348",class:"pds-tooltip__content-slot-wrapper",style:{display:"none"}},o("slot",{key:"2f6701768c0debdd69673da3ad7dc34b8b237f6a",name:"content"})))};Object.defineProperty(t.prototype,"el",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:["handleOpenToggle"]}},enumerable:false,configurable:true});return t}());s.instanceCounter=0;s.style=a}}}));
2	+ //# sourceMappingURL=p-1bd715ee.system.entry.js.map

package/dist/pine-core/p-1bd715ee.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["positionTooltip","_b","elem","elemPlacement","overlay","_c","offset","trim","rect","getBoundingClientRect","contentRect","style","top","left","right","bottom","transform","position","isTextTrigger","childNodes","length","nodeType","Node","TEXT_NODE","ELEMENT_NODE","child","tagName","includes","concat","height","width","pdsTooltipCss","PdsTooltip","exports","class_1","hostRef","_this","this","_isInteractiveOpen","portalEl","triggerEl","contentDiv","slotMutationObserver","overlayResizeObserver","isOpen","hasArrow","htmlContent","placement","maxWidth","opened","handleHide","hideTooltip","handleShow","showTooltip","handlePageShow","handleScroll","repositionPortal","handleSpaNavigation","prototype","handleOpenToggle","newValue","oldValue","componentWillLoad","componentDidLoad","window","addEventListener","el","querySelector","contentSlotWrapper","MutationObserver","removePortal","createPortal","observe","childList","subtree","removeEventListener","disconnect","componentDidRender","determinePositioningAnchor","positioningAnchor","children","i","childNode","anchor","placementParts","split","primaryPlacement","isCardinalCenterPlacement","anchorRect","overlayRect","currentOverlayTop","parseFloat","anchorCenterY","overlayCenterY","adjustmentY","Math","abs","currentOverlayLeft","anchorCenterX","overlayCenterX","adjustmentX","document","createElement","className","zIndex","id","componentId","instanceCounter","getAttribute","setAttribute","slottedContentContainer","hasSlottedContent","childrenToClone","Array","from","hasMeaningfulNode","some","node","_a","textContent","forEach","appendChild","cloneNode","content","body","ResizeObserver","unobserve","removeChild","removeAttribute","render","hostId","undefined","h","Host","key","class","onMouseEnter","onMouseLeave","onFocus","onBlur","ref","display","name"],"sources":["src/utils/overlay.ts","src/components/pds-tooltip/pds-tooltip.scss?tag=pds-tooltip","src/components/pds-tooltip/pds-tooltip.tsx"],"sourcesContent":["interface OverlayArgs {\n elem: HTMLElement | null;\n elemPlacement: string;\n overlay: HTMLElement | null;\n offset?: number;\n}\n\nexport const positionTooltip = ({elem, elemPlacement, overlay, offset = 8}: OverlayArgs): boolean => {\n if (elem === null || overlay === null) return false;\n if (typeof elemPlacement !== 'string' || elemPlacement.trim() === '') {\n return false;\n }\n\n const rect = elem.getBoundingClientRect();\n const contentRect = overlay.getBoundingClientRect();\n\n // Reset styles\n overlay.style.top = '';\n overlay.style.left = '';\n overlay.style.right = '';\n overlay.style.bottom = '';\n overlay.style.transform = '';\n\n // Use fixed positioning for portal overlays\n overlay.style.position = 'fixed';\n\n // Detect if the trigger is a span with only text or a text node\n let isTextTrigger = false;\n if (elem.childNodes.length === 1 && elem.childNodes[0].nodeType === Node.TEXT_NODE) {\n isTextTrigger = true;\n } else if (elem.childNodes.length === 1 && elem.childNodes[0].nodeType === Node.ELEMENT_NODE) {\n const child = elem.childNodes[0] as HTMLElement;\n if (child.tagName === 'SPAN' && child.childNodes.length === 1 && child.childNodes[0].nodeType === Node.TEXT_NODE) {\n isTextTrigger = true;\n }\n }\n\n switch (true) {\n case elemPlacement.includes('right'):\n if (isTextTrigger) {\n // Align to the bottom of the trigger for text triggers\n overlay.style.top = `${rect.bottom - contentRect.height / 2}px`;\n } else {\n overlay.style.top = `${rect.top + rect.height / 2 - contentRect.height / 2}px`;\n }\n overlay.style.left = `${rect.right + offset}px`;\n if (elemPlacement.includes('start')) {\n overlay.style.top = `${rect.top}px`;\n }\n if (elemPlacement.includes('end')) {\n overlay.style.top = `${rect.bottom - contentRect.height}px`;\n }\n break;\n case elemPlacement.includes('left'):\n if (isTextTrigger) {\n overlay.style.top = `${rect.bottom - contentRect.height / 2}px`;\n } else {\n overlay.style.top = `${rect.top + rect.height / 2 - contentRect.height / 2}px`;\n }\n overlay.style.left = `${rect.left - contentRect.width - offset}px`;\n if (elemPlacement.includes('start')) {\n overlay.style.top = `${rect.top}px`;\n }\n if (elemPlacement.includes('end')) {\n overlay.style.top = `${rect.bottom - contentRect.height}px`;\n }\n break;\n case elemPlacement.includes('bottom'):\n overlay.style.top = `${rect.bottom + offset}px`;\n overlay.style.left = `${rect.left + rect.width / 2 - contentRect.width / 2}px`;\n if (elemPlacement.includes('start')) {\n overlay.style.left = `${rect.left}px`;\n }\n if (elemPlacement.includes('end')) {\n overlay.style.left = `${rect.right - contentRect.width}px`;\n overlay.style.right = 'initial';\n }\n break;\n case elemPlacement.includes('top'):\n overlay.style.top = `${rect.top - contentRect.height - offset}px`;\n overlay.style.left = `${rect.left + rect.width / 2 - contentRect.width / 2}px`;\n if (elemPlacement.includes('start')) {\n overlay.style.left = `${rect.left}px`;\n }\n if (elemPlacement.includes('end')) {\n overlay.style.left = `${rect.right - contentRect.width}px`;\n overlay.style.right = 'initial';\n }\n break;\n }\n return true;\n}\n",".pds-tooltip {\n --tooltip-border-width-arrow-down: var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;\n --tooltip-border-width-arrow-left: var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;\n --tooltip-border-width-arrow-right: var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);\n --tooltip-border-width-arrow-up: 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);\n --tooltip-sizing-arrow: 6px;\n --tooltip-sizing-arrow-offset: 14px;\n --tooltip-dimension-max-width: 320px;\n}\n\n.pds-tooltip__content {\n background-color: var(--pine-color-primary);\n border-radius: calc(var(--pine-dimension-xs) * 1.25);\n box-shadow: var(--pine-box-shadow);\n color: var(--pine-color-text-primary);\n // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n max-width: var(--tooltip-dimension-max-width);\n opacity: 0;\n padding: var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);\n position: absolute;\n visibility: hidden;\n width: max-content;\n\n .pds-tooltip--is-open & {\n // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n opacity: 1;\n visibility: visible;\n z-index: 1;\n }\n\n .pds-tooltip.pds-tooltip--has-html-content & {\n width: auto;\n }\n\n &::after {\n border-color: transparent;\n border-right-color: transparent;\n border-style: solid;\n border-width: var(--tooltip-border-width-arrow-left);\n content: '';\n height: 0;\n position: absolute;\n width: 0;\n\n .pds-tooltip--right & {\n border-inline-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-left);\n left: calc(var(--tooltip-sizing-arrow) * -1);\n top: 50%;\n transform: translateY(-50%);\n }\n\n .pds-tooltip--right-end & {\n border-inline-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-left);\n bottom: var(--tooltip-sizing-arrow-offset);\n left: calc(var(--tooltip-sizing-arrow) * -1);\n top: initial;\n }\n\n .pds-tooltip--right-start & {\n border-inline-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-left);\n left: calc(var(--tooltip-sizing-arrow) * -1);\n top: var(--tooltip-sizing-arrow-offset);\n }\n\n .pds-tooltip--top & {\n border-block-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-down);\n bottom: calc(var(--tooltip-sizing-arrow) * -1);\n left: 50%;\n top: initial;\n transform: translateX(-50%);\n }\n\n .pds-tooltip--top-start & {\n border-block-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-down);\n bottom: calc(var(--tooltip-sizing-arrow) * -1);\n left: var(--tooltip-sizing-arrow-offset);\n top: initial;\n }\n\n .pds-tooltip--top-end & {\n border-block-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-down);\n bottom: calc(var(--tooltip-sizing-arrow) * -1);\n left: initial;\n right: var(--tooltip-sizing-arrow-offset);\n top: initial;\n }\n\n .pds-tooltip--left & {\n border-inline-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-right);\n left: initial;\n right: calc(var(--tooltip-sizing-arrow) * -1);\n top: 50%;\n transform: translateY(-50%);\n }\n\n .pds-tooltip--left-end & {\n border-inline-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-right);\n bottom: var(--tooltip-sizing-arrow-offset);\n left: initial;\n right: calc(var(--tooltip-sizing-arrow) * -1);\n top: initial;\n }\n\n .pds-tooltip--left-start & {\n border-inline-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-right);\n left: initial;\n right: calc(var(--tooltip-sizing-arrow) * -1);\n top: var(--tooltip-sizing-arrow-offset);\n }\n\n .pds-tooltip--bottom & {\n border-block-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-up);\n left: 50%;\n top: calc(var(--tooltip-sizing-arrow) * -1);\n transform: translateX(-50%);\n }\n\n .pds-tooltip--bottom-end & {\n border-block-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-up);\n left: initial;\n right: var(--tooltip-sizing-arrow-offset);\n top: calc(var(--tooltip-sizing-arrow) * -1);\n }\n\n .pds-tooltip--bottom-start & {\n border-block-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-up);\n left: var(--tooltip-sizing-arrow-offset);\n top: calc(var(--tooltip-sizing-arrow) * -1);\n }\n\n .pds-tooltip--no-arrow & {\n border-width: 0;\n }\n }\n}\n","import { Component, Element, Host, Prop, State, h, Method, Watch } from '@stencil/core';\nimport { positionTooltip } from '../../utils/overlay';\n\n/**\n * @slot (default) - The tooltip's target element\n * @slot content - HTML content for the tooltip\n */\n\n@Component({\n tag: 'pds-tooltip',\n styleUrls: ['pds-tooltip.scss'],\n shadow: false,\n})\n\nexport class PdsTooltip {\n private static instanceCounter = 0;\n\n /**\n * Internal state: true if the tooltip was opened by user interaction (hover/focus),\n * false if opened via the `opened` prop or currently closed.\n */\n @State() private _isInteractiveOpen = false;\n\n private portalEl: HTMLElement | null = null;\n private triggerEl: HTMLElement | null = null;\n private contentDiv: HTMLElement | null = null;\n private slotMutationObserver: MutationObserver | null = null;\n private overlayResizeObserver: ResizeObserver | null = null;\n\n /**\n * Reference to the Host element\n */\n @Element() el: HTMLPdsTooltipElement;\n\n /**\n * Determines when the tooltip is open\n * @defaultValue false\n */\n @State() isOpen = false;\n\n /**\n * Content for the tooltip. If HTML is required, use the content slot\n */\n @Prop() content: 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 tooltip has an arrow\n * @defaultValue true\n */\n @Prop() hasArrow? = true;\n\n /**\n * Enable this option when using the content slot\n * @defaultValue false\n */\n @Prop() htmlContent = false;\n\n /**\n * Determines the preferred position of the tooltip\n * @defaultValue \"right\"\n */\n @Prop({ reflect: true }) placement:\n 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end' = 'right';\n\n /**\n * Sets the maximum width of the tooltip content\n * @defaultValue \"352px\"\n */\n @Prop() maxWidth: string = '352px';\n\n /**\n * Determines whether or not the tooltip is visible\n * @defaultValue false\n */\n @Prop({mutable: true, reflect: true}) opened = false;\n\n @Watch('opened')\n\n handleOpenToggle(newValue: boolean, oldValue: boolean) {\n if (newValue === false && oldValue === true) {\n this._isInteractiveOpen = false;\n }\n }\n\n componentWillLoad() {\n this._isInteractiveOpen = false;\n }\n\n componentDidLoad() {\n window.addEventListener('pageshow', this.handlePageShow);\n this.triggerEl = this.el.querySelector('.pds-tooltip__trigger') as HTMLElement;\n const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n\n if (contentSlotWrapper !== null) {\n this.slotMutationObserver = new MutationObserver(() => {\n if (this.opened && this.portalEl !== null) {\n this.removePortal();\n this.createPortal();\n }\n });\n this.slotMutationObserver.observe(contentSlotWrapper, { childList: true, subtree: false });\n }\n\n return () => {\n window.removeEventListener('pageshow', this.handlePageShow);\n\n if (this.slotMutationObserver !== null) {\n this.slotMutationObserver.disconnect();\n }\n };\n }\n\n componentDidRender() {\n if (this.opened && this.portalEl === null) {\n this.createPortal();\n } else if (!this.opened && this.portalEl !== null) {\n this.removePortal();\n }\n }\n\n /**\n * Shows the tooltip by enabling the opened property\n */\n @Method()\n async showTooltip() {\n this.opened = true;\n }\n\n /**\n * Hides the tooltip by disabling the opened property\n */\n @Method()\n async hideTooltip() {\n this.opened = false;\n }\n\n private handleHide = () => {\n if (this.opened && !this._isInteractiveOpen) {\n return;\n }\n\n this.hideTooltip();\n this._isInteractiveOpen = false;\n };\n\n private handleShow = () => {\n if (this.opened && !this._isInteractiveOpen) {\n return;\n }\n\n this._isInteractiveOpen = true;\n this.showTooltip();\n };\n\n private handlePageShow = () => {\n if (this.opened && !this._isInteractiveOpen) {\n return;\n }\n\n this.opened = false;\n this._isInteractiveOpen = false;\n };\n\n private handleScroll = () => {\n if (this.opened) {\n if (!this._isInteractiveOpen) {\n this.repositionPortal();\n } else {\n this.hideTooltip();\n this._isInteractiveOpen = false;\n }\n }\n };\n\n private handleSpaNavigation = () => {\n if (this.opened && !this._isInteractiveOpen) {\n return;\n }\n\n this.hideTooltip();\n this._isInteractiveOpen = false;\n };\n\n /**\n * Determines the most accurate HTML element to use as the anchor for positioning the tooltip.\n * If `htmlContent` is false, it attempts to find the actual element slotted as the trigger.\n * Otherwise, or if no specific element is found, it defaults to the span wrapper around the trigger slot.\n * This helps with precise alignment.\n */\n private determinePositioningAnchor(): HTMLElement | null {\n let positioningAnchor: HTMLElement | null = this.triggerEl;\n\n if (this.triggerEl !== null) {\n const children = this.triggerEl.childNodes;\n\n for (let i = 0; i < children.length; i++) {\n const childNode = children[i];\n\n if (childNode.nodeType === Node.ELEMENT_NODE) {\n positioningAnchor = childNode as HTMLElement;\n break; // Found the first element, use it as the anchor\n }\n }\n }\n\n // If no ELEMENT_NODE is found within this.triggerEl (e.g., if trigger is just text),\n // positioningAnchor will correctly remain this.triggerEl (the span).\n return positioningAnchor;\n }\n\n /**\n * Centralized method to calculate and apply the tooltip's position.\n * Uses the determined anchor element and the current content dimensions.\n */\n private repositionPortal() {\n const anchor = this.determinePositioningAnchor();\n\n if (anchor !== null && this.contentDiv !== null) {\n positionTooltip({ elem: anchor, elemPlacement: this.placement, overlay: this.contentDiv });\n const placementParts = this.placement.split('-');\n const primaryPlacement = placementParts[0];\n const isCardinalCenterPlacement = placementParts.length === 1;\n\n if (isCardinalCenterPlacement) {\n const anchorRect = anchor.getBoundingClientRect();\n const overlayRect = this.contentDiv.getBoundingClientRect();\n\n if (primaryPlacement === 'left' || primaryPlacement === 'right') {\n const currentOverlayTop = parseFloat(this.contentDiv.style.top || '0');\n const anchorCenterY = anchorRect.top + (anchorRect.height / 2);\n const overlayCenterY = overlayRect.top + (overlayRect.height / 2);\n const adjustmentY = anchorCenterY - overlayCenterY;\n\n if (Math.abs(adjustmentY) > 0.5) {\n this.contentDiv.style.top = `${currentOverlayTop + adjustmentY}px`;\n }\n\n } else if (primaryPlacement === 'top' || primaryPlacement === 'bottom') {\n const currentOverlayLeft = parseFloat(this.contentDiv.style.left || '0');\n const anchorCenterX = anchorRect.left + (anchorRect.width / 2);\n const overlayCenterX = overlayRect.left + (overlayRect.width / 2);\n const adjustmentX = anchorCenterX - overlayCenterX;\n\n if (Math.abs(adjustmentX) > 0.5) {\n this.contentDiv.style.left = `${currentOverlayLeft + adjustmentX}px`;\n }\n }\n }\n }\n }\n\n private createPortal() {\n if (this.portalEl !== null) return;\n\n this.portalEl = document.createElement('div');\n this.portalEl.className = `pds-tooltip pds-tooltip--${this.placement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;\n this.portalEl.style.position = 'fixed';\n this.portalEl.style.zIndex = '9999';\n\n if (this.portalEl.id === '') {\n this.portalEl.id = this.componentId || this.el.id || `pds-tooltip-portal-${PdsTooltip.instanceCounter++}`;\n }\n\n if (this.portalEl.getAttribute('id') !== this.portalEl.id) {\n this.portalEl.setAttribute('id', this.portalEl.id);\n }\n\n this.portalEl.setAttribute('role', 'tooltip');\n this.portalEl.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n this.portalEl.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n this.portalEl.style.maxWidth = this.maxWidth;\n\n this.contentDiv = document.createElement('div');\n this.contentDiv.className = 'pds-tooltip__content';\n this.contentDiv.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n this.contentDiv.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n this.contentDiv.setAttribute('role', 'tooltip');\n this.contentDiv.style.maxWidth = this.maxWidth;\n\n const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n const slottedContentContainer = contentSlotWrapper?.querySelector('[slot=\"content\"]') as HTMLElement | null;\n let hasSlottedContent = false;\n\n if (slottedContentContainer !== null) {\n const childrenToClone = Array.from(slottedContentContainer.childNodes);\n\n if (childrenToClone.length > 0) {\n const hasMeaningfulNode = childrenToClone.some(node =>\n node.nodeType === Node.ELEMENT_NODE ||\n (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')\n );\n\n if (hasMeaningfulNode) {\n hasSlottedContent = true;\n childrenToClone.forEach((node /*, index*/) => {\n if (node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')) {\n this.contentDiv.appendChild(node.cloneNode(true));\n }\n });\n }\n }\n }\n\n if (!hasSlottedContent) {\n if (this.content !== '') {\n this.contentDiv.textContent = this.content;\n }\n }\n\n this.portalEl.appendChild(this.contentDiv);\n document.body.appendChild(this.portalEl);\n\n this.repositionPortal();\n\n if (this.contentDiv !== null) {\n this.overlayResizeObserver = new ResizeObserver(() => {\n this.repositionPortal();\n });\n this.overlayResizeObserver.observe(this.contentDiv);\n }\n\n // Add global listeners when portal is created\n window.addEventListener('scroll', this.handleScroll, true);\n window.addEventListener('popstate', this.handleSpaNavigation, true);\n window.addEventListener('hashchange', this.handleSpaNavigation, true);\n\n // Add ARIA attribute to trigger, now that portalEl and its ID are confirmed\n if (this.triggerEl !== null && this.portalEl.id !== '') {\n this.triggerEl.setAttribute('aria-describedby', this.portalEl.id);\n }\n }\n\n private removePortal() {\n if (this.overlayResizeObserver !== null && this.contentDiv !== null) {\n this.overlayResizeObserver.unobserve(this.contentDiv);\n this.overlayResizeObserver = null;\n }\n\n if (this.portalEl !== null) {\n window.removeEventListener('scroll', this.handleScroll, true);\n window.removeEventListener('popstate', this.handleSpaNavigation, true);\n window.removeEventListener('hashchange', this.handleSpaNavigation, true);\n document.body.removeChild(this.portalEl);\n this.portalEl = null;\n }\n\n // Remove ARIA attribute from trigger\n if (this.triggerEl !== null) {\n this.triggerEl.removeAttribute('aria-describedby');\n }\n this.contentDiv = null;\n }\n\n render() {\n const hostId = this.componentId || undefined;\n\n return (\n <Host id={hostId} class={{ 'pds-tooltip--is-open': this.opened }}>\n <span\n class=\"pds-tooltip__trigger\"\n onMouseEnter={this.handleShow}\n onMouseLeave={this.handleHide}\n onFocus={this.handleShow}\n onBlur={this.handleHide}\n ref={el => this.triggerEl = el}\n >\n <slot />\n </span>\n <div class=\"pds-tooltip__content-slot-wrapper\" style={{ display: 'none' }}>\n <slot name=\"content\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/{p-e4ea5041.system.entry.js → p-1eec6bea.system.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-System.register(["./p-C_8VmA8d.system.js","./p-BG7_qxVr.system.js","./p-Bd19LaTb.system.js"],(function(e){"use strict";var i,r,n,s,t,a,o;return{setters:[function(e){i=e.r;r=e.c;n=e.h;s=e.H},function(e){t=e.m},function(e){a=e.f;o=e.g}],execute:function(){var l=":host{--pine-select-color-background-danger:var(--pine-color-red-050)}";var c=":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)}";var d=':host .hidden,:host :host([hidden]){display:none}.pds-select{display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}label{grid-area:label;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-xs) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-select__error-message,.pds-select__helper-message{font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:2.5rem;pointer-events:none;position:relative;z-index:1}';var p=e("pds_select",function(){function e(e){var n=this;i(this,e);this.pdsSelectChange=r(this,"pdsSelectChange");this.disabled=false;this.multiple=false;this.required=false;this.onSelectUpdate=function(e){var i=e.target;var r=Array.from(i.options).filter((function(e){return e.selected})).map((function(e){return e.value}));if(r.length===1&&!n.multiple){n.value=r[0]}else{n.value=r}n.pdsSelectChange.emit(e)};this.handleSlotChange=function(){var e=n.slotContainer.querySelector("slot");n.selectEl.innerHTML="";var i=e.assignedElements({flatten:true});i.forEach((function(e){if(["OPTION","OPTGROUP"].includes(e.tagName)){var i=e.cloneNode(true);if(i.tagName==="OPTION"&&i.value===n.value){i.selected=true}n.selectEl.appendChild(i)}}));n.updateSelectedOption()}}e.prototype.valueChanged=function(){this.updateSelectedOption()};e.prototype.componentWillLoad=function(){this.updateSelectedOption()};e.prototype.updateSelectedOption=function(){var e=this;if(this.selectEl){var i=this.selectEl.options;Array.from(i).map((function(i){if(Array.isArray(e.value)){i.selected=e.value.includes(i.value)}else{i.selected=e.value===i.value}}))}};e.prototype.getHelperMessage=function(){return this.helperMessage&&n("p",{class:"pds-select__helper-message",id:t(this.componentId,"helper")},this.helperMessage)};e.prototype.getErrorMessage=function(){return this.errorMessage&&n("p",{class:"pds-select__error-message",id:t(this.componentId,"error"),"aria-live":"assertive"},n("pds-icon",{icon:a,size:"small"}),this.errorMessage)};e.prototype.renderMessages=function(){if(!this.helperMessage&&!this.errorMessage)return null;return n("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join("  ")};e.prototype.render=function(){var e=this;return n(s,{key:"6eea9a5492e4b7e415922bce0aa8f2295792a9e4","aria-disabled":this.disabled?"true":null,class:this.classNames()},n("div",{key:"3180e1eff494f846f395d9db6730926d86d1e54a",class:"pds-select"},this.label&&n("label",{key:"90dc521ef10b81a9f58a0f0a2cfa4bc685312119",htmlFor:this.componentId},this.label),n("select",{key:"d6576d25601de6c41893568927b64e530bf9f266",autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onChange:this.onSelectUpdate,required:this.required,ref:function(i){return e.selectEl=i}}),n("div",{key:"87c53bb7bf315e170f60e5b58afcbf623d1aa65c","aria-hidden":"true",class:"hidden",ref:function(i){return e.slotContainer=i}},n("slot",{key:"8cafbc8cc8e23de0ab69b9d6b7d23c896df530b6",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&n("pds-icon",{key:"48758d321edbd38ff6bd31ddd1902627202e196e",class:"pds-select__select-icon",icon:o})))};Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}());p.style=l+(c+d)}}}));
-//# sourceMappingURL=p-e4ea5041.system.entry.js.map
+System.register(["./p-C_8VmA8d.system.js","./p-BG7_qxVr.system.js","./p-B4W0_y2p.system.js"],(function(e){"use strict";var i,r,n,s,t,o,a;return{setters:[function(e){i=e.r;r=e.c;n=e.h;s=e.H},function(e){t=e.m},function(e){o=e.f;a=e.g}],execute:function(){var l=":host{--pine-select-color-background-danger:var(--pine-color-red-050)}";var c=":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)}";var d=':host .hidden,:host :host([hidden]){display:none}.pds-select{display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}label{grid-area:label;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);padding:var(--pine-dimension-xs) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-select__error-message,.pds-select__helper-message{font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:2.5rem;pointer-events:none;position:relative;z-index:1}';var p=e("pds_select",function(){function e(e){var n=this;i(this,e);this.pdsSelectChange=r(this,"pdsSelectChange");this.disabled=false;this.multiple=false;this.required=false;this.onSelectUpdate=function(e){var i=e.target;var r=Array.from(i.options).filter((function(e){return e.selected})).map((function(e){return e.value}));if(r.length===1&&!n.multiple){n.value=r[0]}else{n.value=r}n.pdsSelectChange.emit(e)};this.handleSlotChange=function(){var e=n.slotContainer.querySelector("slot");n.selectEl.innerHTML="";var i=e.assignedElements({flatten:true});i.forEach((function(e){if(["OPTION","OPTGROUP"].includes(e.tagName)){var i=e.cloneNode(true);if(i.tagName==="OPTION"&&i.value===n.value){i.selected=true}n.selectEl.appendChild(i)}}));n.updateSelectedOption()}}e.prototype.valueChanged=function(){this.updateSelectedOption()};e.prototype.componentWillLoad=function(){this.updateSelectedOption()};e.prototype.updateSelectedOption=function(){var e=this;if(this.selectEl){var i=this.selectEl.options;Array.from(i).map((function(i){if(Array.isArray(e.value)){i.selected=e.value.includes(i.value)}else{i.selected=e.value===i.value}}))}};e.prototype.getHelperMessage=function(){return this.helperMessage&&n("p",{class:"pds-select__helper-message",id:t(this.componentId,"helper")},this.helperMessage)};e.prototype.getErrorMessage=function(){return this.errorMessage&&n("p",{class:"pds-select__error-message",id:t(this.componentId,"error"),"aria-live":"assertive"},n("pds-icon",{icon:o,size:"small"}),this.errorMessage)};e.prototype.renderMessages=function(){if(!this.helperMessage&&!this.errorMessage)return null;return n("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage())};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.disabled){e.push("is-disabled")}return e.join("  ")};e.prototype.render=function(){var e=this;return n(s,{key:"2d39b1eac389e27eea511728ef668d4d548d0c09","aria-disabled":this.disabled?"true":null,class:this.classNames()},n("div",{key:"c0c4e64a19b7b11e0d64d94cbc529be7e455b12a",class:"pds-select"},this.label&&n("label",{key:"9eadfcc4e6fd6d42f718eb0ad1542f7c03b67052",htmlFor:this.componentId},this.label),n("select",{key:"eb1d368ed4f765dead79f6101265e922bd06ca94",autocomplete:this.autocomplete||undefined,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onChange:this.onSelectUpdate,required:this.required,ref:function(i){return e.selectEl=i}}),n("div",{key:"1dcbfe5d51e55af333e80bb99995cef1693f36c1","aria-hidden":"true",class:"hidden",ref:function(i){return e.slotContainer=i}},n("slot",{key:"4d0c76c632e9588dc178c859be5ef1fd474fa191",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&n("pds-icon",{key:"954d31034ed522ba128c9048998e92553592d12f",class:"pds-select__select-icon",icon:a})))};Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return e}());p.style=l+(c+d)}}}));
+//# sourceMappingURL=p-1eec6bea.system.entry.js.map

package/dist/pine-core/p-21c3aaeb.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r,h as a,H as o}from"./p-Uh5ntVcq.js";const e=":host{border-color:inherit;display:table-row-group;vertical-align:middle}";const d=class{constructor(a){r(this,a)}render(){return a(o,{key:"ec68d794fd59876a83f40077d29e97af4366f19a",role:"rowgroup"},a("slot",{key:"9d052cdf3c0ea8afa86a6900d492c9de5c9adaf1"}))}};d.style=e;export{d as pds_table_body};
2	+ //# sourceMappingURL=p-21c3aaeb.entry.js.map

package/dist/pine-core/{p-f439922f.entry.js → p-2296c34f.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as t,g as i}from"./p-Uh5ntVcq.js";import{s as n}from"./p-Dw9B1JDC.js";const s=":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-grey-600);text-decoration-color:var(--pine-color-grey-600);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}";const r=class{constructor(t){e(this,t);this.tag="p"}render(){const e=this.tag;const i=`\n      pds-text\n      ${this.align!==undefined&&this.align.trim()!==""?`pds-text--align-${this.align}`:""}\n      ${this.gutter!==undefined&&this.gutter.trim()!==""?`pds-text--gutter-${this.gutter}`:""}\n      ${this.size!==undefined&&this.size.trim()!==""?`pds-text--size-${this.size}`:""}\n      ${this.weight!==undefined&&this.weight.trim()!==""?`pds-text--weight-${this.weight}`:""}\n      ${this.decoration!==undefined&&this.decoration.trim()!==""?`pds-text--decoration-${this.decoration}`:""}\n    `;return t(e,{key:"1c2ed722c094e0c6181fac5ea3ba2a2ef6751b33",style:this.color&&n(this.color),class:i},t("slot",{key:"d1ba6f29df4f8b809a2a900c23c6c77480d3e3ca"}))}get el(){return i(this)}};r.style=s;export{r as pds_text};
-//# sourceMappingURL=p-f439922f.entry.js.map
+import{r as e,h as t,g as i}from"./p-Uh5ntVcq.js";import{s as n}from"./p-DkabwBZT.js";const s=":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-grey-600);text-decoration-color:var(--pine-color-grey-600);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}";const r=class{constructor(t){e(this,t);this.tag="p"}render(){const e=this.tag;const i=`\n      pds-text\n      ${this.align!==undefined&&this.align.trim()!==""?`pds-text--align-${this.align}`:""}\n      ${this.gutter!==undefined&&this.gutter.trim()!==""?`pds-text--gutter-${this.gutter}`:""}\n      ${this.size!==undefined&&this.size.trim()!==""?`pds-text--size-${this.size}`:""}\n      ${this.weight!==undefined&&this.weight.trim()!==""?`pds-text--weight-${this.weight}`:""}\n      ${this.decoration!==undefined&&this.decoration.trim()!==""?`pds-text--decoration-${this.decoration}`:""}\n    `;return t(e,{key:"dbb51692cc782fcef771390934ca6efc7a2728b9",style:this.color&&n(this.color),class:i},t("slot",{key:"9e7351a9de468132a213f3e26c20c8ca894881a8"}))}get el(){return i(this)}};r.style=s;export{r as pds_text};
+//# sourceMappingURL=p-2296c34f.entry.js.map

package/dist/pine-core/{p-f439922f.entry.js.map → p-2296c34f.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["pdsTextCss","PdsText","constructor","hostRef","this","tag","render","Tag","typeClasses","align","undefined","trim","gutter","size","weight","decoration","h","key","style","color","setColor","class"],"sources":["src/components/pds-text/pds-text.scss?tag=pds-text&encapsulation=shadow","src/components/pds-text/pds-text.tsx"],"sourcesContent":[":host {\n display: inline;\n}\n\n:host([decoration=\"underline-dotted\"]) > * {\n text-decoration-color: var(--pine-color-grey-600);\n text-decoration-line: underline;\n text-decoration-style: dotted;\n text-decoration-thickness: 12%;\n text-underline-offset: 0.3rem;\n text-underline-position: under;\n}\n\n:host([decoration=\"strikethrough\"])>* {\n text-decoration: line-through;\n}\n\n/* stylelint-disable /\nh1 {\n font: var(--pine-typography-heading-1);\n letter-spacing: var(--pine-letter-spacing-heading-1);\n}\n\nh2 {\n font: var(--pine-typography-heading-2);\n letter-spacing: var(--pine-letter-spacing-heading-2);\n}\n\nh3 {\n font: var(--pine-typography-heading-3);\n letter-spacing: var(--pine-letter-spacing-heading-3);\n}\n\nh4 {\n font: var(--pine-typography-heading-4);\n letter-spacing: var(--pine-letter-spacing-heading-4);\n}\n\nh5 {\n font: var(--pine-typography-heading-5);\n letter-spacing: var(--pine-letter-spacing-heading-5);\n}\n\nh6 {\n font: var(--pine-typography-heading-6);\n letter-spacing: var(--pine-letter-spacing-heading-6);\n}\n\ncode, em, p, pre, strong {\n font: var(--pine-typography-body);\n letter-spacing: var(--pine-letter-spacing);\n}\n/ stylelint-enable /\n\ncode, pre {\n font-family: monospace;\n letter-spacing: 0;\n line-height: 1;\n}\n\nem {\n font-style: normal;\n}\n\nstrong {\n font-weight: bolder;\n}\n\n:host([truncate]) > {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n:host([italic]) > * {\n font-style: italic;\n}\n\n// Colors/Variants/Sentiment\n\n// Variable is set in TSX\n// If color prop value isn't valid, will default to body text color\n.pds-text {\n color: var(--color, var(--pine-color-text));\n margin: var(--pine-dimension-none);\n}\n\n// Font Sizes\n$type-sizes: (\n 2xl: var(--pine-font-size-body-2xl),\n xl: var(--pine-font-size-body-xl),\n lg: var(--pine-font-size-body-lg),\n md: var(--pine-font-size-body-md),\n sm: var(--pine-font-size-body-sm),\n xs: var(--pine-font-size-body-xs),\n 2xs: var(--pine-font-size-body-2xs),\n h1: var(--pine-font-size-heading-1),\n h2: var(--pine-font-size-heading-2),\n h3: var(--pine-font-size-heading-3),\n h4: var(--pine-font-size-heading-4),\n h5: var(--pine-font-size-heading-5),\n h6: var(--pine-font-size-heading-6),\n);\n\n@mixin generate-type-sizes($type-sizes) {\n @each $key, $value in $type-sizes {\n .pds-text--size-#{$key} {\n font-size: $value;\n }\n }\n}\n\n@include generate-type-sizes($type-sizes);\n\n// Font Weights\n$type-weights: (\n extra-light: var(--pine-font-weight-extra-light),\n light: var(--pine-font-weight-light),\n regular: var(--pine-font-weight-regular),\n medium: var(--pine-font-weight-medium),\n semibold: var(--pine-font-weight-semi-bold),\n bold: var(--pine-font-weight-bold),\n);\n\n@mixin generate-type-weights($type-weights) {\n @each $key, $value in $type-weights {\n .pds-text--weight-#{$key} {\n font-weight: $value;\n }\n }\n}\n\n@include generate-type-weights($type-weights);\n\n// Gutter Sizes\n$type-gutters: (\n 2xl: var(--pine-dimension-2xl),\n xl: var(--pine-dimension-xl),\n lg: var(--pine-dimension-lg),\n md: var(--pine-dimension-md),\n sm: var(--pine-dimension-sm),\n xs: var(--pine-dimension-xs),\n 2xs: var(--pine-dimension-2xs),\n);\n\n@mixin generate-type-gutters($type-gutters) {\n @each $key, $value in $type-gutters {\n .pds-text--gutter-#{$key} {\n margin-block-end: $value;\n }\n }\n}\n\n@include generate-type-gutters($type-gutters);\n\n// Text Alignment\n$type-alignments: (\n start: start,\n center: center,\n end: end,\n justify: justify,\n);\n\n@mixin generate-type-alignments($type-alignments) {\n @each $key, $value in $type-alignments {\n .pds-text--align-#{$key} {\n text-align: $value;\n }\n }\n}\n\n@include generate-type-alignments($type-alignments);\n","import { Component, h, Prop, Element } from '@stencil/core';\nimport { setColor } from '../../utils/utils';\n\n@Component({\n tag: 'pds-text',\n styleUrl: 'pds-text.scss',\n shadow: true,\n})\nexport class PdsText {\n @Element() el: HTMLPdsTextElement;\n /*\n Sets the text alignment.\n /\n @Prop() align?: 'start' \| 'center' \| 'end' \| 'justify';\n\n /\n Sets the text color.\n /\n @Prop() color?: string;\n\n /\n Sets the text decoration.\n /\n @Prop() decoration?:\n \| 'strikethrough'\n \| 'underline-dotted';\n\n /\n Set the bottom margin for the text.\n /\n @Prop() gutter?:\n \| '2xl'\n \| 'xl'\n \| 'lg'\n \| 'md'\n \| 'sm'\n \| 'xs'\n \| '2xs';\n\n /\n If set or `true`, the text will be italic.\n /\n @Prop() italic?: boolean;\n\n /\n Sets the font size.\n /\n @Prop() size?:\n \| '2xl'\n \| 'xl'\n \| 'lg'\n \| 'md'\n \| 'sm'\n \| 'xs'\n \| '2xs'\n \| 'h1'\n \| 'h2'\n \| 'h3'\n \| 'h4'\n \| 'h5'\n \| 'h6';\n\n /\n Sets the font weight.\n /\n @Prop() weight?:\n \| 'extra-light'\n \| 'light'\n \| 'regular'\n \| 'medium'\n \| 'semibold'\n \| 'bold';\n\n /\n Determines what semantic text tag to render.\n /\n @Prop() tag:\n \| 'h1'\n \| 'h2'\n \| 'h3'\n \| 'h4'\n \| 'h5'\n \| 'h6'\n \| 'p'\n \| 'code'\n \| 'pre'\n \| 'strong'\n \| 'em' = \"p\";\n\n /\n If set or `true`, the text will be truncated. Must add a `width` to the element.\n */\n @Prop() truncate?: boolean;\n\n render() {\n const Tag = this.tag;\n\n const typeClasses = `\n pds-text\n ${this.align !== undefined && this.align.trim() !== '' ? `pds-text--align-${this.align}` : ''}\n ${this.gutter !== undefined && this.gutter.trim() !== '' ? `pds-text--gutter-${this.gutter}` : ''}\n ${this.size !== undefined && this.size.trim() !== '' ? `pds-text--size-${this.size}` : ''}\n ${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}\n ${this.decoration !== undefined && this.decoration.trim() !== '' ? `pds-text--decoration-${this.decoration}` : ''}\n `;\n\n return (\n <Tag style={this.color && setColor(this.color)} class={typeClasses}>\n <slot />\n </Tag>\n );\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAa,o+G,MCQNC,EAAO,MALpB,WAAAC,CAAAC,G,UAyEUC,KAAGC,IAWF,GAyBV,CAlBC,MAAAC,GACE,MAAMC,EAAMH,KAAKC,IAEjB,MAAMG,EAAc,2BAEhBJ,KAAKK,QAAUC,WAAaN,KAAKK,MAAME,SAAW,GAAK,mBAAmBP,KAAKK,QAAU,aACzFL,KAAKQ,SAAWF,WAAaN,KAAKQ,OAAOD,SAAW,GAAK,oBAAoBP,KAAKQ,SAAW,aAC7FR,KAAKS,OAASH,WAAaN,KAAKS,KAAKF,SAAW,GAAK,kBAAkBP,KAAKS,OAAS,aACrFT,KAAKU,SAAWJ,WAAaN,KAAKU,OAAOH,SAAW,GAAK,oBAAoBP,KAAKU,SAAW,aAC7FV,KAAKW,aAAeL,WAAaN,KAAKW,WAAWJ,SAAW,GAAK,wBAAwBP,KAAKW,aAAe,WAGjH,OACEC,EAACT,EAAG,CAAAU,IAAA,2CAACC,MAAOd,KAAKe,OAASC,EAAShB,KAAKe,OAAQE,MAAOb,GACrDQ,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}
1	+ {"version":3,"names":["pdsTextCss","PdsText","constructor","hostRef","this","tag","render","Tag","typeClasses","align","undefined","trim","gutter","size","weight","decoration","h","key","style","color","setColor","class"],"sources":["src/components/pds-text/pds-text.scss?tag=pds-text&encapsulation=shadow","src/components/pds-text/pds-text.tsx"],"sourcesContent":[":host {\n display: inline;\n}\n\n:host([decoration=\"underline-dotted\"]) > * {\n text-decoration-color: var(--pine-color-grey-600);\n text-decoration-line: underline;\n text-decoration-style: dotted;\n text-decoration-thickness: 12%;\n text-underline-offset: 0.3rem;\n text-underline-position: under;\n}\n\n:host([decoration=\"strikethrough\"])>* {\n text-decoration: line-through;\n}\n\n/* stylelint-disable /\nh1 {\n font: var(--pine-typography-heading-1);\n letter-spacing: var(--pine-letter-spacing-heading-1);\n}\n\nh2 {\n font: var(--pine-typography-heading-2);\n letter-spacing: var(--pine-letter-spacing-heading-2);\n}\n\nh3 {\n font: var(--pine-typography-heading-3);\n letter-spacing: var(--pine-letter-spacing-heading-3);\n}\n\nh4 {\n font: var(--pine-typography-heading-4);\n letter-spacing: var(--pine-letter-spacing-heading-4);\n}\n\nh5 {\n font: var(--pine-typography-heading-5);\n letter-spacing: var(--pine-letter-spacing-heading-5);\n}\n\nh6 {\n font: var(--pine-typography-heading-6);\n letter-spacing: var(--pine-letter-spacing-heading-6);\n}\n\ncode, em, p, pre, strong {\n font: var(--pine-typography-body);\n letter-spacing: var(--pine-letter-spacing);\n}\n/ stylelint-enable /\n\ncode, pre {\n font-family: monospace;\n letter-spacing: 0;\n line-height: 1;\n}\n\nem {\n font-style: normal;\n}\n\nstrong {\n font-weight: bolder;\n}\n\n:host([truncate]) > {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n:host([italic]) > * {\n font-style: italic;\n}\n\n// Colors/Variants/Sentiment\n\n// Variable is set in TSX\n// If color prop value isn't valid, will default to body text color\n.pds-text {\n color: var(--color, var(--pine-color-text));\n margin: var(--pine-dimension-none);\n}\n\n// Font Sizes\n$type-sizes: (\n 2xl: var(--pine-font-size-body-2xl),\n xl: var(--pine-font-size-body-xl),\n lg: var(--pine-font-size-body-lg),\n md: var(--pine-font-size-body-md),\n sm: var(--pine-font-size-body-sm),\n xs: var(--pine-font-size-body-xs),\n 2xs: var(--pine-font-size-body-2xs),\n h1: var(--pine-font-size-heading-1),\n h2: var(--pine-font-size-heading-2),\n h3: var(--pine-font-size-heading-3),\n h4: var(--pine-font-size-heading-4),\n h5: var(--pine-font-size-heading-5),\n h6: var(--pine-font-size-heading-6),\n);\n\n@mixin generate-type-sizes($type-sizes) {\n @each $key, $value in $type-sizes {\n .pds-text--size-#{$key} {\n font-size: $value;\n }\n }\n}\n\n@include generate-type-sizes($type-sizes);\n\n// Font Weights\n$type-weights: (\n extra-light: var(--pine-font-weight-extra-light),\n light: var(--pine-font-weight-light),\n regular: var(--pine-font-weight-regular),\n medium: var(--pine-font-weight-medium),\n semibold: var(--pine-font-weight-semi-bold),\n bold: var(--pine-font-weight-bold),\n);\n\n@mixin generate-type-weights($type-weights) {\n @each $key, $value in $type-weights {\n .pds-text--weight-#{$key} {\n font-weight: $value;\n }\n }\n}\n\n@include generate-type-weights($type-weights);\n\n// Gutter Sizes\n$type-gutters: (\n 2xl: var(--pine-dimension-2xl),\n xl: var(--pine-dimension-xl),\n lg: var(--pine-dimension-lg),\n md: var(--pine-dimension-md),\n sm: var(--pine-dimension-sm),\n xs: var(--pine-dimension-xs),\n 2xs: var(--pine-dimension-2xs),\n);\n\n@mixin generate-type-gutters($type-gutters) {\n @each $key, $value in $type-gutters {\n .pds-text--gutter-#{$key} {\n margin-block-end: $value;\n }\n }\n}\n\n@include generate-type-gutters($type-gutters);\n\n// Text Alignment\n$type-alignments: (\n start: start,\n center: center,\n end: end,\n justify: justify,\n);\n\n@mixin generate-type-alignments($type-alignments) {\n @each $key, $value in $type-alignments {\n .pds-text--align-#{$key} {\n text-align: $value;\n }\n }\n}\n\n@include generate-type-alignments($type-alignments);\n","import { Component, h, Prop, Element } from '@stencil/core';\nimport { setColor } from '../../utils/utils';\n\n@Component({\n tag: 'pds-text',\n styleUrl: 'pds-text.scss',\n shadow: true,\n})\nexport class PdsText {\n @Element() el: HTMLPdsTextElement;\n /*\n Sets the text alignment.\n /\n @Prop() align?: 'start' \| 'center' \| 'end' \| 'justify';\n\n /\n Sets the text color.\n /\n @Prop() color?: string;\n\n /\n Sets the text decoration.\n /\n @Prop() decoration?:\n \| 'strikethrough'\n \| 'underline-dotted';\n\n /\n Set the bottom margin for the text.\n /\n @Prop() gutter?:\n \| '2xl'\n \| 'xl'\n \| 'lg'\n \| 'md'\n \| 'sm'\n \| 'xs'\n \| '2xs';\n\n /\n If set or `true`, the text will be italic.\n /\n @Prop() italic?: boolean;\n\n /\n Sets the font size.\n /\n @Prop() size?:\n \| '2xl'\n \| 'xl'\n \| 'lg'\n \| 'md'\n \| 'sm'\n \| 'xs'\n \| '2xs'\n \| 'h1'\n \| 'h2'\n \| 'h3'\n \| 'h4'\n \| 'h5'\n \| 'h6';\n\n /\n Sets the font weight.\n /\n @Prop() weight?:\n \| 'extra-light'\n \| 'light'\n \| 'regular'\n \| 'medium'\n \| 'semibold'\n \| 'bold';\n\n /\n Determines what semantic text tag to render.\n /\n @Prop() tag:\n \| 'h1'\n \| 'h2'\n \| 'h3'\n \| 'h4'\n \| 'h5'\n \| 'h6'\n \| 'p'\n \| 'code'\n \| 'pre'\n \| 'strong'\n \| 'em' = \"p\";\n\n /\n If set or `true`, the text will be truncated. Must add a `width` to the element.\n */\n @Prop({ reflect: true }) truncate?: boolean;\n\n render() {\n const Tag = this.tag;\n\n const typeClasses = `\n pds-text\n ${this.align !== undefined && this.align.trim() !== '' ? `pds-text--align-${this.align}` : ''}\n ${this.gutter !== undefined && this.gutter.trim() !== '' ? `pds-text--gutter-${this.gutter}` : ''}\n ${this.size !== undefined && this.size.trim() !== '' ? `pds-text--size-${this.size}` : ''}\n ${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}\n ${this.decoration !== undefined && this.decoration.trim() !== '' ? `pds-text--decoration-${this.decoration}` : ''}\n `;\n\n return (\n <Tag style={this.color && setColor(this.color)} class={typeClasses}>\n <slot />\n </Tag>\n );\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAa,o+G,MCQNC,EAAO,MALpB,WAAAC,CAAAC,G,UAyEUC,KAAGC,IAWF,GAyBV,CAlBC,MAAAC,GACE,MAAMC,EAAMH,KAAKC,IAEjB,MAAMG,EAAc,2BAEhBJ,KAAKK,QAAUC,WAAaN,KAAKK,MAAME,SAAW,GAAK,mBAAmBP,KAAKK,QAAU,aACzFL,KAAKQ,SAAWF,WAAaN,KAAKQ,OAAOD,SAAW,GAAK,oBAAoBP,KAAKQ,SAAW,aAC7FR,KAAKS,OAASH,WAAaN,KAAKS,KAAKF,SAAW,GAAK,kBAAkBP,KAAKS,OAAS,aACrFT,KAAKU,SAAWJ,WAAaN,KAAKU,OAAOH,SAAW,GAAK,oBAAoBP,KAAKU,SAAW,aAC7FV,KAAKW,aAAeL,WAAaN,KAAKW,WAAWJ,SAAW,GAAK,wBAAwBP,KAAKW,aAAe,WAGjH,OACEC,EAACT,EAAG,CAAAU,IAAA,2CAACC,MAAOd,KAAKe,OAASC,EAAShB,KAAKe,OAAQE,MAAOb,GACrDQ,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/pine-core/{p-5c396e75.entry.js → p-24607f93.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as i,h as t,H as s,g as e}from"./p-Uh5ntVcq.js";const o=":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";const a=class{constructor(t){i(this,t);this.tableScrolling=false;this.handleScroll=()=>{if(this.tableRef.scrollLeft>0){this.tableScrolling=true}else{this.tableScrolling=false}}}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table")}componentDidLoad(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}}classNames(){const i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.truncate){i.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join(" ")}render(){return t(s,{key:"4d7c288150875806711b91436c2673fb3cb55ee6",class:this.classNames(),role:"gridcell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},t("slot",{key:"817efadaba22b60410fffc5a41bcacc2d9656939"}))}get hostElement(){return e(this)}};a.style=o;export{a as pds_table_cell};
-//# sourceMappingURL=p-5c396e75.entry.js.map
+import{r as i,h as e,H as t,g as s}from"./p-Uh5ntVcq.js";const o=":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";const a=class{constructor(e){i(this,e);this.tableScrolling=false;this.handleScroll=()=>{if(this.tableRef.scrollLeft>0){this.tableScrolling=true}else{this.tableScrolling=false}}}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table")}componentDidLoad(){if(this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn){this.tableRef.addEventListener("scroll",this.handleScroll)}}classNames(){const i=[];if(this.tableRef&&this.tableRef.compact){i.push("is-compact")}if(this.truncate){i.push("is-truncated")}if(this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling){i.push("has-scrolled")}return i.join(" ")}render(){return e(t,{key:"f86b2ae5eaee0f3bcb1cd55951a0e83bce4ccfca",class:this.classNames(),role:"gridcell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},e("slot",{key:"347d6487bc869bf9903c5e1fb8b05ca29d6e6d50"}))}get hostElement(){return s(this)}};a.style=o;export{a as pds_table_cell};
+//# sourceMappingURL=p-24607f93.entry.js.map

package/dist/pine-core/p-28e28f42.system.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ System.register(["./p-C_8VmA8d.system.js"],(function(e){"use strict";var t,o,r,n;return{setters:[function(e){t=e.r;o=e.h;r=e.H;n=e.g}],execute:function(){var i="pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;overflow-y:auto;width:100%}pds-modal-content:has(.pds-modal-content--border-none){border:0}pds-modal-content:has(.pds-modal-content--border-both){-webkit-border-after:1px solid var(--pine-color-grey-200);border-block-end:1px solid var(--pine-color-grey-200);-webkit-border-before:1px solid var(--pine-color-grey-200);border-block-start:1px solid var(--pine-color-grey-200)}pds-modal-content:has(.pds-modal-content--border-top){-webkit-border-before:1px solid var(--pine-color-grey-200);border-block-start:1px solid var(--pine-color-grey-200)}pds-modal-content:has(.pds-modal-content--border-bottom){-webkit-border-after:1px solid var(--pine-color-grey-200);border-block-end:1px solid var(--pine-color-grey-200)}.pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow-y:auto;width:100%}";var s=e("pds_modal_content",function(){function e(e){t(this,e);this.border="none";this.contentMaxHeight="60vh"}e.prototype.componentDidLoad=function(){var e=this.el.firstElementChild;var t=e.scrollHeight>e.clientHeight;this.border=t?"both":"none";this.calculateMaxHeight();window.addEventListener("resize",this.calculateMaxHeight.bind(this))};e.prototype.disconnectedCallback=function(){window.removeEventListener("resize",this.calculateMaxHeight.bind(this));if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.calculateMaxHeight=function(){var e=this;var t=this.el.closest("pds-modal");if(!t)return;setTimeout((function(){var o=t.querySelector("pds-modal-header");var r=t.querySelector("pds-modal-footer");var n=o?o.offsetHeight:0;var i=r?r.offsetHeight:0;if(n>0\|\|i>0){var s=Math.round(window.innerHeight*.06);var a=n+i+48+s+50;e.contentMaxHeight="calc(100vh - ".concat(a,"px)");var d=e.el.querySelector(".pds-modal-content");if(d){d.style.maxHeight=e.contentMaxHeight}}else{e.contentMaxHeight="60vh"}}),100);if(!this.mutationObserver&&t){this.mutationObserver=new MutationObserver((function(){e.calculateMaxHeight()}));this.mutationObserver.observe(t,{childList:true,subtree:true,attributes:true,attributeFilter:["style","class"]})}};e.prototype.render=function(){var e;return o(r,{key:"4ff98a386d18f5047752cf8915fa30ea3b6805e2"},o("div",{key:"686b6fc2263664f7b5f8178827c9e9ae9d53d086",class:(e={"pds-modal-content":true},e["pds-modal-content--border-".concat(this.border)]=true,e),style:{maxHeight:this.contentMaxHeight},tabindex:"-1"},o("slot",{key:"4531f6ba4c499c9404704c9d3a59e1b9ef4744f9"})))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());s.style=i}}}));
2	+ //# sourceMappingURL=p-28e28f42.system.entry.js.map

package/dist/pine-core/p-28e28f42.system.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["pdsModalContentCss","PdsModalContent","exports","class_1","hostRef","this","border","contentMaxHeight","prototype","componentDidLoad","slotContent","el","firstElementChild","isScrollable","scrollHeight","clientHeight","calculateMaxHeight","window","addEventListener","bind","disconnectedCallback","removeEventListener","mutationObserver","disconnect","_this","modalElement","closest","setTimeout","headerElement","querySelector","footerElement","headerHeight","offsetHeight","footerHeight","viewportAdjustment","Math","round","innerHeight","totalReduction","concat","contentElement","style","maxHeight","MutationObserver","observe","childList","subtree","attributes","attributeFilter","render","h","Host","key","class","_a","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":"0JAAA,IAAMA,EAAqB,m3B,ICYdC,EAAeC,EAAA,+BAJ5B,SAAAC,EAAAC,G,UAY2BC,KAAMC,OAAuC,OAE7DD,KAAgBE,iBAAW,MAgGrC,CA9FCJ,EAAAK,UAAAC,iBAAA,WACE,IAAMC,EAAcL,KAAKM,GAAGC,kBAC5B,IAAMC,EAAeH,EAAYI,aAAeJ,EAAYK,aAC5DV,KAAKC,OAASO,EAAe,OAAS,OAEtCR,KAAKW,qBAELC,OAAOC,iBAAiB,SAAUb,KAAKW,mBAAmBG,KAAKd,M,EAGjEF,EAAAK,UAAAY,qBAAA,WACEH,OAAOI,oBAAoB,SAAUhB,KAAKW,mBAAmBG,KAAKd,OAElE,GAAIA,KAAKiB,iBAAkB,CACzBjB,KAAKiB,iBAAiBC,Y,GAYlBpB,EAAAK,UAAAQ,mBAAA,eAAAQ,EAAAnB,KAEN,IAAMoB,EAAepB,KAAKM,GAAGe,QAAQ,aACrC,IAAKD,EAAc,OAEnBE,YAAW,WAET,IAAMC,EAAgBH,EAAaI,cAAc,oBACjD,IAAMC,EAAgBL,EAAaI,cAAc,oBAGjD,IAAME,EAAeH,EAAgBA,EAAcI,aAAe,EAClE,IAAMC,EAAeH,EAAgBA,EAAcE,aAAe,EAGlE,GAAID,EAAe,GAAKE,EAAe,EAAG,CAMxC,IAAMC,EAAqBC,KAAKC,MAAMnB,OAAOoB,YAAc,KAC3D,IAAMC,EAAiBP,EAAeE,EAAe,GAAKC,EAAqB,GAG/EV,EAAKjB,iBAAmB,gBAAAgC,OAAgBD,EAAc,OAGtD,IAAME,EAAiBhB,EAAKb,GAAGkB,cAAc,sBAC7C,GAAIW,EAAgB,CAClBA,EAAeC,MAAMC,UAAYlB,EAAKjB,gB,MAEnC,CACLiB,EAAKjB,iBAAmB,M,CAE5B,GAAG,KAGH,IAAKF,KAAKiB,kBAAoBG,EAAc,CAC1CpB,KAAKiB,iBAAmB,IAAIqB,kBAAiB,WAC3CnB,EAAKR,oBACP,IAGAX,KAAKiB,iBAAiBsB,QAAQnB,EAAc,CAC1CoB,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,QAAS,U,GAIjC7C,EAAAK,UAAAyC,OAAA,W,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,OAAKC,EAAA,CACH,oBAAqB,MACrBA,EAAC,6BAAAf,OAA6BlC,KAAKC,SAAW,K,GAEhDmC,MAAO,CAAEC,UAAWrC,KAAKE,kBACzBgD,SAAS,MAETL,EAAa,QAAAE,IAAA,8C,uHArGK,I","ignoreList":[]}

package/dist/pine-core/p-29ad0b86.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as o,c as r,h as t,H as e,g as n}from"./p-Uh5ntVcq.js";import{h as i}from"./p-DkabwBZT.js";import{b as a}from"./p-_4gljHh-.js";const l=":host{--button-dimension:40px;--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--color-background-default);border:var(--pine-border);border-color:var(--color-border-default);border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--button-dimension);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:inherit;--button-loader-color:inherit;border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--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 s=class{constructor(t){o(this,t);this.pdsClick=r(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.variant="primary";this.handleClick=o=>{if(this.loading){o.preventDefault();return}if(!this.href&&this.type!="button"){if(i(this.el)){const r=this.el.closest("form");if(r){o.preventDefault();const t=document.createElement("button");t.type=this.type;t.style.display="none";r.appendChild(t);t.click();t.remove()}}}this.pdsClick.emit(o)}}classNames(){const o=["pds-button"];if(this.variant){o.push("pds-button--"+this.variant)}if(this.iconOnly){o.push("pds-button--icon-only")}if(this.loading){o.push("pds-button--loading")}return o.join(" ")}hasSlotContent(o){const r=this.el.querySelectorAll(`[slot="${o}"]`);return r.length>0}renderStartContent(){const o=this.icon&&this.variant!=="disclosure";const r=this.hasSlotContent("start");if(Boolean(o)){return t("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}else if(Boolean(r)){return t("span",{class:`pds-button__icon ${this.loading?"pds-button__icon--hidden":""}`},t("slot",{name:"start"}))}return null}renderEndContent(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return t("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:a,part:"caret","aria-hidden":"true"})}else if(this.hasSlotContent("end")){return t("span",{class:`pds-button__icon ${this.loading?"pds-button__icon--hidden":""}`},t("slot",{name:"end"}))}return null}render(){const o={class:this.classNames(),part:"button"};const r=()=>{if(this.href){return Object.assign(Object.assign({},o),{href:this.disabled?null:this.href,target:this.target})}return Object.assign(Object.assign({},o),{"aria-busy":this.loading?"true":null,"aria-live":this.loading?"polite":null,disabled:this.disabled,name:this.name,type:this.type,value:this.value})};const n=this.href?"a":"button";const i=this.loading\|\|this.iconOnly;const a=t("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),t("span",{class:`pds-button__text ${i?"pds-button__text--hidden":""}`,part:"button-text"},t("slot",null)),this.loading&&t("span",{class:"pds-button__loader"},t("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner"},"Loading...")),this.renderEndContent());return t(e,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},t(n,Object.assign({},r()),a))}get el(){return n(this)}};s.style=l;export{s as pds_button};
2	+ //# sourceMappingURL=p-29ad0b86.entry.js.map

package/dist/pine-core/p-29ad0b86.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["pdsButtonCss","PdsButton","constructor","hostRef","this","disabled","fullWidth","icon","iconOnly","loading","type","variant","handleClick","ev","preventDefault","href","hasShadowDom","el","form","closest","fakeButton","document","createElement","style","display","appendChild","click","remove","pdsClick","emit","classNames","push","join","hasSlotContent","slotName","elements","querySelectorAll","length","renderStartContent","hasIcon","hasStartSlot","Boolean","h","class","name","part","renderEndContent","caretDown","render","commonProps","attributes","Object","assign","target","value","ContentElement","hideText","content","size","Host","id","componentId","onClick"],"sources":["src/components/pds-button/pds-button.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.tsx"],"sourcesContent":[":host {\n --button-dimension: 40px;\n --color-border-default: transparent;\n --color-border-disabled: transparent;\n --color-border-focus: transparent;\n --color-border-hover: transparent;\n --button-loader-color: var(--color-text-default);\n\n display: inline-flex;\n vertical-align: middle;\n}\n\n:host([full-width=\"true\"]) {\n display: flex;\n width: 100%;\n\n button {\n justify-content: center;\n width: 100%;\n }\n\n .pds-button__content {\n justify-content: center;\n text-align: center;\n }\n}\n\n:host([loading=\"true\"]) {\n cursor: wait;\n pointer-events: none;\n}\n\n:host([disabled=\"true\"]) {\n pointer-events: none;\n}\n\n.pds-button {\n --pds-loader-color: var(--color-text-default);\n align-items: center;\n background-color: var(--color-background-default);\n border: var(--pine-border);\n border-color: var(--color-border-default);\n border-radius: var(--pine-border-radius-full);\n box-sizing: border-box;\n color: var(--color-text-default); // Set in the variant classes below\n cursor: pointer;\n display: flex;\n font: var(--pine-typography-body-brand-label);\n letter-spacing: var(--pine-letter-spacing);\n min-height: var(--button-dimension);\n padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n text-decoration: none;\n\n pds-icon {\n color: currentColor;\n fill: currentColor;\n }\n\n &:hover {\n background-color: var(--color-background-hover);\n border-color: var(--color-border-hover);\n }\n\n &:focus-visible {\n border-color: var(--color-border-focus);\n outline: var(--pine-outline-focus);\n outline-offset: var(--pine-border-width);\n }\n\n &:disabled {\n background-color: var(--color-background-disabled);\n border-color: var(--color-border-disabled);\n color: var(--color-text-disabled);\n pointer-events: none;\n }\n}\n\n.pds-button--primary {\n --color-background-default: var(--pine-color-primary);\n --color-background-hover: var(--pine-color-primary-hover);\n --color-background-disabled: var(--pine-color-primary-disabled);\n --color-border-default: var(--pine-color-primary);\n --color-border-hover: var(--pine-color-primary-hover);\n --color-text-default: var(--pine-color-text-primary);\n --color-text-disabled: var(--pine-color-text-primary-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--accent {\n --color-background-default: var(--pine-color-accent);\n --color-background-hover: var(--pine-color-accent-hover);\n --color-background-disabled: var(--pine-color-accent-disabled);\n --color-border-default: var(--pine-color-accent);\n --color-border-hover: var(--pine-color-accent-hover);\n --color-text-default: var(--pine-color-text-primary);\n --color-text-disabled: var(--pine-color-text-accent-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--destructive {\n --color-background-default: var(--pine-color-danger);\n --color-background-hover: var(--pine-color-danger-hover);\n --color-background-disabled: var(--pine-color-danger-disabled);\n --color-border-default: var(--pine-color-danger);\n --color-border-hover: var(--pine-color-danger-hover);\n --color-text-default: var(--pine-color-text-primary);\n --color-text-disabled: var(--pine-color-text-danger-disabled);\n --color-outline: var(--pine-color-focus-ring-danger);\n --button-loader-color: var(--pine-color-text-primary);\n\n &:focus-visible {\n outline-color: var(--pine-color-focus-ring-danger);\n }\n}\n\n.pds-button--secondary,\n.pds-button--disclosure {\n --color-background-default: var(--pine-color-secondary);\n --color-background-hover: var(--pine-color-secondary-hover);\n --color-background-disabled: var(--pine-color-secondary-disabled);\n --color-border-disabled: var(--pine-color-border-disabled);\n --color-border-focus: var(--pine-color-border);\n --color-border-hover: var(--pine-color-border-hover);\n --color-border-default: var(--pine-color-border);\n --color-text-default: var(--pine-color-text-secondary);\n --color-text-disabled: var(--pine-color-text-secondary-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-secondary);\n\n &:hover {\n background-color: var(--pine-color-secondary-hover);\n }\n}\n\n.pds-button--unstyled {\n --color-background-default: transparent;\n --color-background-hover: transparent;\n --color-background-disabled: transparent;\n --color-text-default: inherit;\n --button-loader-color: inherit;\n border-width: var(--pine-dimension-none);\n margin: var(--pine-dimension-none);\n min-height: auto;\n padding: var(--pine-dimension-none);\n width: inherit;\n}\n\n.pds-button__content {\n align-items: center;\n display: inline-flex;\n gap: var(--pine-dimension-xs);\n position: relative;\n width: 100%;\n}\n\n.pds-button__icon {\n display: inline-flex;\n}\n\n.pds-button__text {\n align-items: center;\n display: inline-flex;\n}\n\n.pds-button__icon--hidden,\n.pds-button__text--hidden {\n opacity: 0;\n}\n\n.pds-button__loader {\n height: var(--pine-dimension-250);\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: var(--pine-dimension-250);\n}\n\n.pds-button--loading {\n cursor: wait;\n pointer-events: none;\n\n .pds-button__loader {\n pds-loader {\n --loader-color: var(--button-loader-color);\n }\n }\n}\n\n.pds-button--icon-only {\n align-items: center;\n border-radius: var(--pine-border-radius-full);\n height: var(--button-dimension);\n justify-content: center;\n min-height: var(--button-dimension);\n min-width: var(--button-dimension);\n padding: var(--pine-dimension-xs);\n width: var(--button-dimension);\n\n .pds-button__content {\n height: 100%;\n justify-content: center;\n width: 100%;\n }\n\n .pds-button__text--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}\n","import { Component, Element, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\nimport { caretDown } from '@pine-ds/icons/icons';\n\n/**\n * @part button - Exposes the button element for styling.\n * @part button-content - Exposes the button content for styling.\n * @part button-text - Exposes the button text for styling.\n * @part caret - Exposes the caret icon component for styling. Appears only on the disclosure variant.\n * @part icon - Exposes the icon component for styling.\n * @slot (default) - Button text.\n * @slot start - Content to display before the button text.\n * @slot end - Content to display after the button text.\n*/\n\n@Component({\n tag: 'pds-button',\n styleUrls: ['pds-button.scss'],\n shadow: true,\n})\nexport class PdsButton {\n @Element() el: HTMLPdsButtonElement;\n\n /**\n * A unique identifier used for the underlying component `id` attribute.\n */\n @Prop() componentId: string;\n\n /**\n * Determines the button's disabled state.\n * @defaultValue false\n */\n @Prop() disabled? = false;\n\n /**\n * Determines if the button should take up the full width of its container.\n * @defaultValue false\n */\n @Prop() fullWidth? = false;\n\n /**\n * If provided, renders the component as an anchor (`<a>`) element instead of a button.\n * When using href, button-specific props (type, name, value, loading) will be ignored.\n */\n @Prop() href?: string;\n\n /**\n * Displays a leading icon in the button. DEPRECATED.\n * @defaultValue null\n * @deprecated Use `start` slot instead.\n */\n @Prop() icon?: string = null;\n\n /**\n * When true, displays only the icon and visually hides the text (keeping it accessible).\n */\n @Prop() iconOnly? = false;\n\n /**\n * Determines if the button is in a loading state.\n * When true, displays a loader and hides the button text.\n * @defaultValue false\n */\n @Prop() loading? = false;\n\n /**\n * Provides the button with a submittable name.\n */\n @Prop() name?: string;\n\n /**\n * Specifies where to open the linked document when href is provided.\n * Only applies when href is set.\n */\n @Prop() target?: '_blank' | '_self' | '_parent' | '_top';\n\n /**\n * Provides button with a type.\n * @defaultValue button\n */\n @Prop() type?: 'button' | 'reset' | 'submit' = 'button';\n\n /**\n * Provides button with a submittable value\n */\n @Prop() value?: string;\n\n /**\n * Sets the style variant of the button.\n * @defaultValue primary\n */\n @Prop() variant: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' = 'primary';\n\n @Event() pdsClick: EventEmitter;\n\n private handleClick = (ev: Event) => {\n if (this.loading) {\n ev.preventDefault();\n return;\n }\n\n if (!this.href && this.type != 'button') {\n // If button clicked IS NOT associated with a form\n if (hasShadowDom(this.el)) {\n const form = this.el.closest('form');\n if (form) {\n ev.preventDefault();\n\n const fakeButton = document.createElement('button');\n fakeButton.type = this.type;\n fakeButton.style.display = 'none';\n form.appendChild(fakeButton);\n fakeButton.click();\n fakeButton.remove();\n }\n }\n }\n this.pdsClick.emit(ev);\n };\n\n private classNames() {\n const classNames = ['pds-button'];\n\n if (this.variant) {\n classNames.push('pds-button--' + this.variant);\n }\n\n if (this.iconOnly) {\n classNames.push('pds-button--icon-only');\n }\n\n if (this.loading) {\n classNames.push('pds-button--loading');\n }\n\n return classNames.join(' ');\n }\n\n private hasSlotContent(slotName: string): boolean {\n const elements = this.el.querySelectorAll(`[slot=\"${slotName}\"]`);\n return elements.length > 0;\n }\n\n private renderStartContent() {\n const hasIcon = this.icon && this.variant !== 'disclosure';\n const hasStartSlot = this.hasSlotContent('start');\n\n if (Boolean(hasIcon)) {\n return (\n <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} name={this.icon} part=\"icon\" aria-hidden=\"true\"></pds-icon>\n );\n } else if (Boolean(hasStartSlot)) {\n return <span class={`pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}`}><slot name=\"start\" /></span>;\n }\n\n return null;\n }\n\n private renderEndContent() {\n if (this.iconOnly) {\n return null;\n }\n\n if (this.variant === 'disclosure') {\n return (\n <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} icon={caretDown} part=\"caret\" aria-hidden=\"true\"></pds-icon>\n );\n } else if (this.hasSlotContent('end')) {\n return <span class={`pds-button__icon ${this.loading ? 'pds-button__icon--hidden' : ''}`}><slot name=\"end\" /></span>;\n }\n\n return null;\n }\n\n render() {\n // Common props for both button and anchor elements\n const commonProps = {\n class: this.classNames(),\n part: 'button',\n };\n\n const attributes = () => {\n if (this.href) {\n return {\n // Anchor element props\n ...commonProps,\n href: this.disabled ? null : this.href,\n target: this.target,\n };\n }\n\n return {\n // Button element props\n ...commonProps,\n 'aria-busy': this.loading ? 'true' : null,\n 'aria-live': this.loading ? 'polite' : null,\n 'disabled': this.disabled,\n 'name': this.name,\n 'type': this.type,\n 'value': this.value,\n };\n };\n\n const ContentElement = this.href ? 'a' : 'button';\n\n // Hide text when loading or iconOnly is true\n const hideText = this.loading || this.iconOnly;\n\n const content = (\n <div class=\"pds-button__content\" part=\"button-content\">\n {this.renderStartContent()}\n\n <span class={`pds-button__text ${hideText ? 'pds-button__text--hidden' : ''}`} part=\"button-text\">\n <slot />\n </span>\n\n {this.loading && (\n <span class=\"pds-button__loader\">\n <pds-loader is-loading={true} size=\"var(--pine-font-size-body-2xl)\" variant=\"spinner\">\n Loading...\n </pds-loader>\n </span>\n )}\n\n {this.renderEndContent()}\n </div>\n );\n\n return (\n <Host\n aria-disabled={this.disabled ? 'true' : null}\n id={this.componentId}\n onClick={this.handleClick}\n variant={this.variant}\n >\n <ContentElement {...attributes()}>\n {content}\n </ContentElement>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pine-core/{p-c0f0b368.system.entry.js → p-30142a25.system.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-System.register(["./p-C_8VmA8d.system.js"],(function(r){"use strict";var s,e,i;return{setters:[function(r){s=r.r;e=r.h;i=r.H}],execute:function(){var a=":host{--color-progress-fill:var(--pine-color-brand);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}";var o=r("pds_progress",function(){function r(r){s(this,r);this.animated=false;this.percent=0;this.showPercent=false}r.prototype.render=function(){return e(i,{key:"a0a7cde165c1acc884366dfe7a368db5d7c4150e",class:this.animated?{"is-animated":this.animated}:""},e("div",{key:"c2a8f262e0a6393448a0bc8a05dc49f30c451754",class:"pds-progress"},e("label",{key:"422c51d5b06ef6d99e23cb2721b861ba9611b1df",class:"pds-progress__label",htmlFor:this.componentId},this.label),e("progress",{key:"57081cc95c8bb44d6fa26cd7d1f7933108982165",id:this.componentId,max:"100",style:this.fillColor?{"--color-progress-fill":this.fillColor}:{},value:this.percent})),this.showPercent&&e("div",{key:"37b88967a8584b43407314b0ba70faf4e43a9e5a",class:"pds-progress__percentage"},this.percent,"%"))};return r}());o.style=a}}}));
-//# sourceMappingURL=p-c0f0b368.system.entry.js.map
+System.register(["./p-C_8VmA8d.system.js"],(function(r){"use strict";var e,s,i;return{setters:[function(r){e=r.r;s=r.h;i=r.H}],execute:function(){var a=":host{--color-progress-fill:var(--pine-color-brand);--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{-ms-flex-align:center;align-items:center;background-color:var(--pine-color-background-container-disabled);border-radius:var(--pine-dimension-2xs);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--pine-dimension-xs);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--pine-dimension-xs);width:100%}progress::-webkit-progress-value{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}progress::-moz-progress-bar{background-color:var(--color-progress-fill, var(--pine-color-brand));border-radius:var(--pine-dimension-2xs)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{font-weight:var(--pine-font-weight-medium);-webkit-margin-start:calc(var(--pine-dimension-md) / 2);margin-inline-start:calc(var(--pine-dimension-md) / 2)}";var o=r("pds_progress",function(){function r(r){e(this,r);this.animated=false;this.percent=0;this.showPercent=false}r.prototype.render=function(){return s(i,{key:"71ce602dccee62ee76ef51c3994af86829399452",class:this.animated?{"is-animated":this.animated}:""},s("div",{key:"c26188786bcfd4d6f039050032cd48982327355e",class:"pds-progress"},s("label",{key:"e18f75dae8fcf3fde684156638cc47f9d5e253dd",class:"pds-progress__label",htmlFor:this.componentId},this.label),s("progress",{key:"37a5bb5609e25912c006a89dd0bbc244cfa5896b",id:this.componentId,max:"100",style:this.fillColor?{"--color-progress-fill":this.fillColor}:{},value:this.percent})),this.showPercent&&s("div",{key:"68e859cafbcf74c74fc3b72a5347fb03eda83556",class:"pds-progress__percentage"},this.percent,"%"))};return r}());o.style=a}}}));
+//# sourceMappingURL=p-30142a25.system.entry.js.map

package/dist/pine-core/p-32bd3e33.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as i,H as o,g as r}from"./p-Uh5ntVcq.js";const s=({elem:t,elemPlacement:i,overlay:o,offset:r=8})=>{if(t===null\|\|o===null)return false;if(typeof i!=="string"\|\|i.trim()===""){return false}const s=t.getBoundingClientRect();const e=o.getBoundingClientRect();o.style.top="";o.style.left="";o.style.right="";o.style.bottom="";o.style.transform="";o.style.position="fixed";let l=false;if(t.childNodes.length===1&&t.childNodes[0].nodeType===Node.TEXT_NODE){l=true}else if(t.childNodes.length===1&&t.childNodes[0].nodeType===Node.ELEMENT_NODE){const i=t.childNodes[0];if(i.tagName==="SPAN"&&i.childNodes.length===1&&i.childNodes[0].nodeType===Node.TEXT_NODE){l=true}}switch(true){case i.includes("right"):if(l){o.style.top=`${s.bottom-e.height/2}px`}else{o.style.top=`${s.top+s.height/2-e.height/2}px`}o.style.left=`${s.right+r}px`;if(i.includes("start")){o.style.top=`${s.top}px`}if(i.includes("end")){o.style.top=`${s.bottom-e.height}px`}break;case i.includes("left"):if(l){o.style.top=`${s.bottom-e.height/2}px`}else{o.style.top=`${s.top+s.height/2-e.height/2}px`}o.style.left=`${s.left-e.width-r}px`;if(i.includes("start")){o.style.top=`${s.top}px`}if(i.includes("end")){o.style.top=`${s.bottom-e.height}px`}break;case i.includes("bottom"):o.style.top=`${s.bottom+r}px`;o.style.left=`${s.left+s.width/2-e.width/2}px`;if(i.includes("start")){o.style.left=`${s.left}px`}if(i.includes("end")){o.style.left=`${s.right-e.width}px`;o.style.right="initial"}break;case i.includes("top"):o.style.top=`${s.top-e.height-r}px`;o.style.left=`${s.left+s.width/2-e.width/2}px`;if(i.includes("start")){o.style.left=`${s.left}px`}if(i.includes("end")){o.style.left=`${s.right-e.width}px`;o.style.right="initial"}break}return true};const e='.pds-tooltip{--tooltip-border-width-arrow-down:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-left:var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;--tooltip-border-width-arrow-right:var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-border-width-arrow-up:0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);--tooltip-sizing-arrow:6px;--tooltip-sizing-arrow-offset:14px;--tooltip-dimension-max-width:320px}.pds-tooltip__content{background-color:var(--pine-color-primary);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);max-width:var(--tooltip-dimension-max-width);opacity:0;padding:var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);position:absolute;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:1}.pds-tooltip.pds-tooltip--has-html-content .pds-tooltip__content{width:auto}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--tooltip-border-width-arrow-left);content:"";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);bottom:var(--tooltip-sizing-arrow-offset);left:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-left);left:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-down);bottom:calc(var(--tooltip-sizing-arrow) * -1);left:initial;right:var(--tooltip-sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);bottom:var(--tooltip-sizing-arrow-offset);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-right);left:initial;right:calc(var(--tooltip-sizing-arrow) * -1);top:var(--tooltip-sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:50%;top:calc(var(--tooltip-sizing-arrow) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:initial;right:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--pine-color-primary);border-width:var(--tooltip-border-width-arrow-up);left:var(--tooltip-sizing-arrow-offset);top:calc(var(--tooltip-sizing-arrow) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}';const l=class{constructor(i){t(this,i);this._isInteractiveOpen=false;this.portalEl=null;this.triggerEl=null;this.contentDiv=null;this.slotMutationObserver=null;this.overlayResizeObserver=null;this.isOpen=false;this.hasArrow=true;this.htmlContent=false;this.placement="right";this.maxWidth="352px";this.opened=false;this.handleHide=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.hideTooltip();this._isInteractiveOpen=false};this.handleShow=()=>{if(this.opened&&!this._isInteractiveOpen){return}this._isInteractiveOpen=true;this.showTooltip()};this.handlePageShow=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.opened=false;this._isInteractiveOpen=false};this.handleScroll=()=>{if(this.opened){if(!this._isInteractiveOpen){this.repositionPortal()}else{this.hideTooltip();this._isInteractiveOpen=false}}};this.handleSpaNavigation=()=>{if(this.opened&&!this._isInteractiveOpen){return}this.hideTooltip();this._isInteractiveOpen=false}}handleOpenToggle(t,i){if(t===false&&i===true){this._isInteractiveOpen=false}}componentWillLoad(){this._isInteractiveOpen=false}componentDidLoad(){window.addEventListener("pageshow",this.handlePageShow);this.triggerEl=this.el.querySelector(".pds-tooltip__trigger");const t=this.el.querySelector(".pds-tooltip__content-slot-wrapper");if(t!==null){this.slotMutationObserver=new MutationObserver((()=>{if(this.opened&&this.portalEl!==null){this.removePortal();this.createPortal()}}));this.slotMutationObserver.observe(t,{childList:true,subtree:false})}return()=>{window.removeEventListener("pageshow",this.handlePageShow);if(this.slotMutationObserver!==null){this.slotMutationObserver.disconnect()}}}componentDidRender(){if(this.opened&&this.portalEl===null){this.createPortal()}else if(!this.opened&&this.portalEl!==null){this.removePortal()}}async showTooltip(){this.opened=true}async hideTooltip(){this.opened=false}determinePositioningAnchor(){let t=this.triggerEl;if(this.triggerEl!==null){const i=this.triggerEl.childNodes;for(let o=0;o<i.length;o++){const r=i[o];if(r.nodeType===Node.ELEMENT_NODE){t=r;break}}}return t}repositionPortal(){const t=this.determinePositioningAnchor();if(t!==null&&this.contentDiv!==null){s({elem:t,elemPlacement:this.placement,overlay:this.contentDiv});const i=this.placement.split("-");const o=i[0];const r=i.length===1;if(r){const i=t.getBoundingClientRect();const r=this.contentDiv.getBoundingClientRect();if(o==="left"\|\|o==="right"){const t=parseFloat(this.contentDiv.style.top\|\|"0");const o=i.top+i.height/2;const s=r.top+r.height/2;const e=o-s;if(Math.abs(e)>.5){this.contentDiv.style.top=`${t+e}px`}}else if(o==="top"\|\|o==="bottom"){const t=parseFloat(this.contentDiv.style.left\|\|"0");const o=i.left+i.width/2;const s=r.left+r.width/2;const e=o-s;if(Math.abs(e)>.5){this.contentDiv.style.left=`${t+e}px`}}}}}createPortal(){if(this.portalEl!==null)return;this.portalEl=document.createElement("div");this.portalEl.className=`pds-tooltip pds-tooltip--${this.placement} ${this.htmlContent?"pds-tooltip--has-html-content":""} ${this.opened?"pds-tooltip--is-open":""} ${this.hasArrow?"":"pds-tooltip--no-arrow"}`;this.portalEl.style.position="fixed";this.portalEl.style.zIndex="9999";if(this.portalEl.id===""){this.portalEl.id=this.componentId\|\|this.el.id\|\|`pds-tooltip-portal-${l.instanceCounter++}`}if(this.portalEl.getAttribute("id")!==this.portalEl.id){this.portalEl.setAttribute("id",this.portalEl.id)}this.portalEl.setAttribute("role","tooltip");this.portalEl.setAttribute("aria-hidden",this.opened?"false":"true");this.portalEl.setAttribute("aria-live",this.opened?"polite":"off");this.portalEl.style.maxWidth=this.maxWidth;this.contentDiv=document.createElement("div");this.contentDiv.className="pds-tooltip__content";this.contentDiv.setAttribute("aria-hidden",this.opened?"false":"true");this.contentDiv.setAttribute("aria-live",this.opened?"polite":"off");this.contentDiv.setAttribute("role","tooltip");this.contentDiv.style.maxWidth=this.maxWidth;const t=this.el.querySelector(".pds-tooltip__content-slot-wrapper");const i=t===null\|\|t===void 0?void 0:t.querySelector('[slot="content"]');let o=false;if(i!==null){const t=Array.from(i.childNodes);if(t.length>0){const i=t.some((t=>{var i;return t.nodeType===Node.ELEMENT_NODE\|\|t.nodeType===Node.TEXT_NODE&&((i=t.textContent)===null\|\|i===void 0?void 0:i.trim())!==""}));if(i){o=true;t.forEach((t=>{var i;if(t.nodeType===Node.ELEMENT_NODE\|\|t.nodeType===Node.TEXT_NODE&&((i=t.textContent)===null\|\|i===void 0?void 0:i.trim())!==""){this.contentDiv.appendChild(t.cloneNode(true))}}))}}}if(!o){if(this.content!==""){this.contentDiv.textContent=this.content}}this.portalEl.appendChild(this.contentDiv);document.body.appendChild(this.portalEl);this.repositionPortal();if(this.contentDiv!==null){this.overlayResizeObserver=new ResizeObserver((()=>{this.repositionPortal()}));this.overlayResizeObserver.observe(this.contentDiv)}window.addEventListener("scroll",this.handleScroll,true);window.addEventListener("popstate",this.handleSpaNavigation,true);window.addEventListener("hashchange",this.handleSpaNavigation,true);if(this.triggerEl!==null&&this.portalEl.id!==""){this.triggerEl.setAttribute("aria-describedby",this.portalEl.id)}}removePortal(){if(this.overlayResizeObserver!==null&&this.contentDiv!==null){this.overlayResizeObserver.unobserve(this.contentDiv);this.overlayResizeObserver=null}if(this.portalEl!==null){window.removeEventListener("scroll",this.handleScroll,true);window.removeEventListener("popstate",this.handleSpaNavigation,true);window.removeEventListener("hashchange",this.handleSpaNavigation,true);document.body.removeChild(this.portalEl);this.portalEl=null}if(this.triggerEl!==null){this.triggerEl.removeAttribute("aria-describedby")}this.contentDiv=null}render(){const t=this.componentId\|\|undefined;return i(o,{key:"0fe2bea1ea0e8eaeb5879644694a2e129f1f4898",id:t,class:{"pds-tooltip--is-open":this.opened}},i("span",{key:"f26feb3c37957573d3b6b0a55091b2e7012ae31b",class:"pds-tooltip__trigger",onMouseEnter:this.handleShow,onMouseLeave:this.handleHide,onFocus:this.handleShow,onBlur:this.handleHide,ref:t=>this.triggerEl=t},i("slot",{key:"c7940e3aa7f17fc5d5fcdedc0a624204ceed291c"})),i("div",{key:"0c8dc83e3b7f8c1337aae8641d80f63c0866c348",class:"pds-tooltip__content-slot-wrapper",style:{display:"none"}},i("slot",{key:"2f6701768c0debdd69673da3ad7dc34b8b237f6a",name:"content"})))}get el(){return r(this)}static get watchers(){return{opened:["handleOpenToggle"]}}};l.instanceCounter=0;l.style=e;export{l as pds_tooltip};
2	+ //# sourceMappingURL=p-32bd3e33.entry.js.map

package/dist/pine-core/p-32bd3e33.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["positionTooltip","elem","elemPlacement","overlay","offset","trim","rect","getBoundingClientRect","contentRect","style","top","left","right","bottom","transform","position","isTextTrigger","childNodes","length","nodeType","Node","TEXT_NODE","ELEMENT_NODE","child","tagName","includes","height","width","pdsTooltipCss","PdsTooltip","constructor","hostRef","this","_isInteractiveOpen","portalEl","triggerEl","contentDiv","slotMutationObserver","overlayResizeObserver","isOpen","hasArrow","htmlContent","placement","maxWidth","opened","handleHide","hideTooltip","handleShow","showTooltip","handlePageShow","handleScroll","repositionPortal","handleSpaNavigation","handleOpenToggle","newValue","oldValue","componentWillLoad","componentDidLoad","window","addEventListener","el","querySelector","contentSlotWrapper","MutationObserver","removePortal","createPortal","observe","childList","subtree","removeEventListener","disconnect","componentDidRender","determinePositioningAnchor","positioningAnchor","children","i","childNode","anchor","placementParts","split","primaryPlacement","isCardinalCenterPlacement","anchorRect","overlayRect","currentOverlayTop","parseFloat","anchorCenterY","overlayCenterY","adjustmentY","Math","abs","currentOverlayLeft","anchorCenterX","overlayCenterX","adjustmentX","document","createElement","className","zIndex","id","componentId","instanceCounter","getAttribute","setAttribute","slottedContentContainer","hasSlottedContent","childrenToClone","Array","from","hasMeaningfulNode","some","node","_a","textContent","forEach","appendChild","cloneNode","content","body","ResizeObserver","unobserve","removeChild","removeAttribute","render","hostId","undefined","h","Host","key","class","onMouseEnter","onMouseLeave","onFocus","onBlur","ref","display","name"],"sources":["src/utils/overlay.ts","src/components/pds-tooltip/pds-tooltip.scss?tag=pds-tooltip","src/components/pds-tooltip/pds-tooltip.tsx"],"sourcesContent":["interface OverlayArgs {\n elem: HTMLElement | null;\n elemPlacement: string;\n overlay: HTMLElement | null;\n offset?: number;\n}\n\nexport const positionTooltip = ({elem, elemPlacement, overlay, offset = 8}: OverlayArgs): boolean => {\n if (elem === null || overlay === null) return false;\n if (typeof elemPlacement !== 'string' || elemPlacement.trim() === '') {\n return false;\n }\n\n const rect = elem.getBoundingClientRect();\n const contentRect = overlay.getBoundingClientRect();\n\n // Reset styles\n overlay.style.top = '';\n overlay.style.left = '';\n overlay.style.right = '';\n overlay.style.bottom = '';\n overlay.style.transform = '';\n\n // Use fixed positioning for portal overlays\n overlay.style.position = 'fixed';\n\n // Detect if the trigger is a span with only text or a text node\n let isTextTrigger = false;\n if (elem.childNodes.length === 1 && elem.childNodes[0].nodeType === Node.TEXT_NODE) {\n isTextTrigger = true;\n } else if (elem.childNodes.length === 1 && elem.childNodes[0].nodeType === Node.ELEMENT_NODE) {\n const child = elem.childNodes[0] as HTMLElement;\n if (child.tagName === 'SPAN' && child.childNodes.length === 1 && child.childNodes[0].nodeType === Node.TEXT_NODE) {\n isTextTrigger = true;\n }\n }\n\n switch (true) {\n case elemPlacement.includes('right'):\n if (isTextTrigger) {\n // Align to the bottom of the trigger for text triggers\n overlay.style.top = `${rect.bottom - contentRect.height / 2}px`;\n } else {\n overlay.style.top = `${rect.top + rect.height / 2 - contentRect.height / 2}px`;\n }\n overlay.style.left = `${rect.right + offset}px`;\n if (elemPlacement.includes('start')) {\n overlay.style.top = `${rect.top}px`;\n }\n if (elemPlacement.includes('end')) {\n overlay.style.top = `${rect.bottom - contentRect.height}px`;\n }\n break;\n case elemPlacement.includes('left'):\n if (isTextTrigger) {\n overlay.style.top = `${rect.bottom - contentRect.height / 2}px`;\n } else {\n overlay.style.top = `${rect.top + rect.height / 2 - contentRect.height / 2}px`;\n }\n overlay.style.left = `${rect.left - contentRect.width - offset}px`;\n if (elemPlacement.includes('start')) {\n overlay.style.top = `${rect.top}px`;\n }\n if (elemPlacement.includes('end')) {\n overlay.style.top = `${rect.bottom - contentRect.height}px`;\n }\n break;\n case elemPlacement.includes('bottom'):\n overlay.style.top = `${rect.bottom + offset}px`;\n overlay.style.left = `${rect.left + rect.width / 2 - contentRect.width / 2}px`;\n if (elemPlacement.includes('start')) {\n overlay.style.left = `${rect.left}px`;\n }\n if (elemPlacement.includes('end')) {\n overlay.style.left = `${rect.right - contentRect.width}px`;\n overlay.style.right = 'initial';\n }\n break;\n case elemPlacement.includes('top'):\n overlay.style.top = `${rect.top - contentRect.height - offset}px`;\n overlay.style.left = `${rect.left + rect.width / 2 - contentRect.width / 2}px`;\n if (elemPlacement.includes('start')) {\n overlay.style.left = `${rect.left}px`;\n }\n if (elemPlacement.includes('end')) {\n overlay.style.left = `${rect.right - contentRect.width}px`;\n overlay.style.right = 'initial';\n }\n break;\n }\n return true;\n}\n",".pds-tooltip {\n --tooltip-border-width-arrow-down: var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;\n --tooltip-border-width-arrow-left: var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow) 0;\n --tooltip-border-width-arrow-right: var(--tooltip-sizing-arrow) 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);\n --tooltip-border-width-arrow-up: 0 var(--tooltip-sizing-arrow) var(--tooltip-sizing-arrow);\n --tooltip-sizing-arrow: 6px;\n --tooltip-sizing-arrow-offset: 14px;\n --tooltip-dimension-max-width: 320px;\n}\n\n.pds-tooltip__content {\n background-color: var(--pine-color-primary);\n border-radius: calc(var(--pine-dimension-xs) * 1.25);\n box-shadow: var(--pine-box-shadow);\n color: var(--pine-color-text-primary);\n // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n max-width: var(--tooltip-dimension-max-width);\n opacity: 0;\n padding: var(--pine-dimension-xs) calc(var(--pine-dimension-md) / 2);\n position: absolute;\n visibility: hidden;\n width: max-content;\n\n .pds-tooltip--is-open & {\n // TODO: need to use block / none but the tooltip content width and height are needed for calculations\n opacity: 1;\n visibility: visible;\n z-index: 1;\n }\n\n .pds-tooltip.pds-tooltip--has-html-content & {\n width: auto;\n }\n\n &::after {\n border-color: transparent;\n border-right-color: transparent;\n border-style: solid;\n border-width: var(--tooltip-border-width-arrow-left);\n content: '';\n height: 0;\n position: absolute;\n width: 0;\n\n .pds-tooltip--right & {\n border-inline-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-left);\n left: calc(var(--tooltip-sizing-arrow) * -1);\n top: 50%;\n transform: translateY(-50%);\n }\n\n .pds-tooltip--right-end & {\n border-inline-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-left);\n bottom: var(--tooltip-sizing-arrow-offset);\n left: calc(var(--tooltip-sizing-arrow) * -1);\n top: initial;\n }\n\n .pds-tooltip--right-start & {\n border-inline-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-left);\n left: calc(var(--tooltip-sizing-arrow) * -1);\n top: var(--tooltip-sizing-arrow-offset);\n }\n\n .pds-tooltip--top & {\n border-block-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-down);\n bottom: calc(var(--tooltip-sizing-arrow) * -1);\n left: 50%;\n top: initial;\n transform: translateX(-50%);\n }\n\n .pds-tooltip--top-start & {\n border-block-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-down);\n bottom: calc(var(--tooltip-sizing-arrow) * -1);\n left: var(--tooltip-sizing-arrow-offset);\n top: initial;\n }\n\n .pds-tooltip--top-end & {\n border-block-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-down);\n bottom: calc(var(--tooltip-sizing-arrow) * -1);\n left: initial;\n right: var(--tooltip-sizing-arrow-offset);\n top: initial;\n }\n\n .pds-tooltip--left & {\n border-inline-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-right);\n left: initial;\n right: calc(var(--tooltip-sizing-arrow) * -1);\n top: 50%;\n transform: translateY(-50%);\n }\n\n .pds-tooltip--left-end & {\n border-inline-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-right);\n bottom: var(--tooltip-sizing-arrow-offset);\n left: initial;\n right: calc(var(--tooltip-sizing-arrow) * -1);\n top: initial;\n }\n\n .pds-tooltip--left-start & {\n border-inline-start-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-right);\n left: initial;\n right: calc(var(--tooltip-sizing-arrow) * -1);\n top: var(--tooltip-sizing-arrow-offset);\n }\n\n .pds-tooltip--bottom & {\n border-block-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-up);\n left: 50%;\n top: calc(var(--tooltip-sizing-arrow) * -1);\n transform: translateX(-50%);\n }\n\n .pds-tooltip--bottom-end & {\n border-block-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-up);\n left: initial;\n right: var(--tooltip-sizing-arrow-offset);\n top: calc(var(--tooltip-sizing-arrow) * -1);\n }\n\n .pds-tooltip--bottom-start & {\n border-block-end-color: var(--pine-color-primary);\n border-width: var(--tooltip-border-width-arrow-up);\n left: var(--tooltip-sizing-arrow-offset);\n top: calc(var(--tooltip-sizing-arrow) * -1);\n }\n\n .pds-tooltip--no-arrow & {\n border-width: 0;\n }\n }\n}\n","import { Component, Element, Host, Prop, State, h, Method, Watch } from '@stencil/core';\nimport { positionTooltip } from '../../utils/overlay';\n\n/**\n * @slot (default) - The tooltip's target element\n * @slot content - HTML content for the tooltip\n */\n\n@Component({\n tag: 'pds-tooltip',\n styleUrls: ['pds-tooltip.scss'],\n shadow: false,\n})\n\nexport class PdsTooltip {\n private static instanceCounter = 0;\n\n /**\n * Internal state: true if the tooltip was opened by user interaction (hover/focus),\n * false if opened via the `opened` prop or currently closed.\n */\n @State() private _isInteractiveOpen = false;\n\n private portalEl: HTMLElement | null = null;\n private triggerEl: HTMLElement | null = null;\n private contentDiv: HTMLElement | null = null;\n private slotMutationObserver: MutationObserver | null = null;\n private overlayResizeObserver: ResizeObserver | null = null;\n\n /**\n * Reference to the Host element\n */\n @Element() el: HTMLPdsTooltipElement;\n\n /**\n * Determines when the tooltip is open\n * @defaultValue false\n */\n @State() isOpen = false;\n\n /**\n * Content for the tooltip. If HTML is required, use the content slot\n */\n @Prop() content: 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 tooltip has an arrow\n * @defaultValue true\n */\n @Prop() hasArrow? = true;\n\n /**\n * Enable this option when using the content slot\n * @defaultValue false\n */\n @Prop() htmlContent = false;\n\n /**\n * Determines the preferred position of the tooltip\n * @defaultValue \"right\"\n */\n @Prop({ reflect: true }) placement:\n 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end' = 'right';\n\n /**\n * Sets the maximum width of the tooltip content\n * @defaultValue \"352px\"\n */\n @Prop() maxWidth: string = '352px';\n\n /**\n * Determines whether or not the tooltip is visible\n * @defaultValue false\n */\n @Prop({mutable: true, reflect: true}) opened = false;\n\n @Watch('opened')\n\n handleOpenToggle(newValue: boolean, oldValue: boolean) {\n if (newValue === false && oldValue === true) {\n this._isInteractiveOpen = false;\n }\n }\n\n componentWillLoad() {\n this._isInteractiveOpen = false;\n }\n\n componentDidLoad() {\n window.addEventListener('pageshow', this.handlePageShow);\n this.triggerEl = this.el.querySelector('.pds-tooltip__trigger') as HTMLElement;\n const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n\n if (contentSlotWrapper !== null) {\n this.slotMutationObserver = new MutationObserver(() => {\n if (this.opened && this.portalEl !== null) {\n this.removePortal();\n this.createPortal();\n }\n });\n this.slotMutationObserver.observe(contentSlotWrapper, { childList: true, subtree: false });\n }\n\n return () => {\n window.removeEventListener('pageshow', this.handlePageShow);\n\n if (this.slotMutationObserver !== null) {\n this.slotMutationObserver.disconnect();\n }\n };\n }\n\n componentDidRender() {\n if (this.opened && this.portalEl === null) {\n this.createPortal();\n } else if (!this.opened && this.portalEl !== null) {\n this.removePortal();\n }\n }\n\n /**\n * Shows the tooltip by enabling the opened property\n */\n @Method()\n async showTooltip() {\n this.opened = true;\n }\n\n /**\n * Hides the tooltip by disabling the opened property\n */\n @Method()\n async hideTooltip() {\n this.opened = false;\n }\n\n private handleHide = () => {\n if (this.opened && !this._isInteractiveOpen) {\n return;\n }\n\n this.hideTooltip();\n this._isInteractiveOpen = false;\n };\n\n private handleShow = () => {\n if (this.opened && !this._isInteractiveOpen) {\n return;\n }\n\n this._isInteractiveOpen = true;\n this.showTooltip();\n };\n\n private handlePageShow = () => {\n if (this.opened && !this._isInteractiveOpen) {\n return;\n }\n\n this.opened = false;\n this._isInteractiveOpen = false;\n };\n\n private handleScroll = () => {\n if (this.opened) {\n if (!this._isInteractiveOpen) {\n this.repositionPortal();\n } else {\n this.hideTooltip();\n this._isInteractiveOpen = false;\n }\n }\n };\n\n private handleSpaNavigation = () => {\n if (this.opened && !this._isInteractiveOpen) {\n return;\n }\n\n this.hideTooltip();\n this._isInteractiveOpen = false;\n };\n\n /**\n * Determines the most accurate HTML element to use as the anchor for positioning the tooltip.\n * If `htmlContent` is false, it attempts to find the actual element slotted as the trigger.\n * Otherwise, or if no specific element is found, it defaults to the span wrapper around the trigger slot.\n * This helps with precise alignment.\n */\n private determinePositioningAnchor(): HTMLElement | null {\n let positioningAnchor: HTMLElement | null = this.triggerEl;\n\n if (this.triggerEl !== null) {\n const children = this.triggerEl.childNodes;\n\n for (let i = 0; i < children.length; i++) {\n const childNode = children[i];\n\n if (childNode.nodeType === Node.ELEMENT_NODE) {\n positioningAnchor = childNode as HTMLElement;\n break; // Found the first element, use it as the anchor\n }\n }\n }\n\n // If no ELEMENT_NODE is found within this.triggerEl (e.g., if trigger is just text),\n // positioningAnchor will correctly remain this.triggerEl (the span).\n return positioningAnchor;\n }\n\n /**\n * Centralized method to calculate and apply the tooltip's position.\n * Uses the determined anchor element and the current content dimensions.\n */\n private repositionPortal() {\n const anchor = this.determinePositioningAnchor();\n\n if (anchor !== null && this.contentDiv !== null) {\n positionTooltip({ elem: anchor, elemPlacement: this.placement, overlay: this.contentDiv });\n const placementParts = this.placement.split('-');\n const primaryPlacement = placementParts[0];\n const isCardinalCenterPlacement = placementParts.length === 1;\n\n if (isCardinalCenterPlacement) {\n const anchorRect = anchor.getBoundingClientRect();\n const overlayRect = this.contentDiv.getBoundingClientRect();\n\n if (primaryPlacement === 'left' || primaryPlacement === 'right') {\n const currentOverlayTop = parseFloat(this.contentDiv.style.top || '0');\n const anchorCenterY = anchorRect.top + (anchorRect.height / 2);\n const overlayCenterY = overlayRect.top + (overlayRect.height / 2);\n const adjustmentY = anchorCenterY - overlayCenterY;\n\n if (Math.abs(adjustmentY) > 0.5) {\n this.contentDiv.style.top = `${currentOverlayTop + adjustmentY}px`;\n }\n\n } else if (primaryPlacement === 'top' || primaryPlacement === 'bottom') {\n const currentOverlayLeft = parseFloat(this.contentDiv.style.left || '0');\n const anchorCenterX = anchorRect.left + (anchorRect.width / 2);\n const overlayCenterX = overlayRect.left + (overlayRect.width / 2);\n const adjustmentX = anchorCenterX - overlayCenterX;\n\n if (Math.abs(adjustmentX) > 0.5) {\n this.contentDiv.style.left = `${currentOverlayLeft + adjustmentX}px`;\n }\n }\n }\n }\n }\n\n private createPortal() {\n if (this.portalEl !== null) return;\n\n this.portalEl = document.createElement('div');\n this.portalEl.className = `pds-tooltip pds-tooltip--${this.placement} ${this.htmlContent ? 'pds-tooltip--has-html-content' : ''} ${this.opened ? 'pds-tooltip--is-open' : ''} ${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}`;\n this.portalEl.style.position = 'fixed';\n this.portalEl.style.zIndex = '9999';\n\n if (this.portalEl.id === '') {\n this.portalEl.id = this.componentId || this.el.id || `pds-tooltip-portal-${PdsTooltip.instanceCounter++}`;\n }\n\n if (this.portalEl.getAttribute('id') !== this.portalEl.id) {\n this.portalEl.setAttribute('id', this.portalEl.id);\n }\n\n this.portalEl.setAttribute('role', 'tooltip');\n this.portalEl.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n this.portalEl.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n this.portalEl.style.maxWidth = this.maxWidth;\n\n this.contentDiv = document.createElement('div');\n this.contentDiv.className = 'pds-tooltip__content';\n this.contentDiv.setAttribute('aria-hidden', this.opened ? 'false' : 'true');\n this.contentDiv.setAttribute('aria-live', this.opened ? 'polite' : 'off');\n this.contentDiv.setAttribute('role', 'tooltip');\n this.contentDiv.style.maxWidth = this.maxWidth;\n\n const contentSlotWrapper = this.el.querySelector('.pds-tooltip__content-slot-wrapper');\n const slottedContentContainer = contentSlotWrapper?.querySelector('[slot=\"content\"]') as HTMLElement | null;\n let hasSlottedContent = false;\n\n if (slottedContentContainer !== null) {\n const childrenToClone = Array.from(slottedContentContainer.childNodes);\n\n if (childrenToClone.length > 0) {\n const hasMeaningfulNode = childrenToClone.some(node =>\n node.nodeType === Node.ELEMENT_NODE ||\n (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')\n );\n\n if (hasMeaningfulNode) {\n hasSlottedContent = true;\n childrenToClone.forEach((node /*, index*/) => {\n if (node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent?.trim() !== '')) {\n this.contentDiv.appendChild(node.cloneNode(true));\n }\n });\n }\n }\n }\n\n if (!hasSlottedContent) {\n if (this.content !== '') {\n this.contentDiv.textContent = this.content;\n }\n }\n\n this.portalEl.appendChild(this.contentDiv);\n document.body.appendChild(this.portalEl);\n\n this.repositionPortal();\n\n if (this.contentDiv !== null) {\n this.overlayResizeObserver = new ResizeObserver(() => {\n this.repositionPortal();\n });\n this.overlayResizeObserver.observe(this.contentDiv);\n }\n\n // Add global listeners when portal is created\n window.addEventListener('scroll', this.handleScroll, true);\n window.addEventListener('popstate', this.handleSpaNavigation, true);\n window.addEventListener('hashchange', this.handleSpaNavigation, true);\n\n // Add ARIA attribute to trigger, now that portalEl and its ID are confirmed\n if (this.triggerEl !== null && this.portalEl.id !== '') {\n this.triggerEl.setAttribute('aria-describedby', this.portalEl.id);\n }\n }\n\n private removePortal() {\n if (this.overlayResizeObserver !== null && this.contentDiv !== null) {\n this.overlayResizeObserver.unobserve(this.contentDiv);\n this.overlayResizeObserver = null;\n }\n\n if (this.portalEl !== null) {\n window.removeEventListener('scroll', this.handleScroll, true);\n window.removeEventListener('popstate', this.handleSpaNavigation, true);\n window.removeEventListener('hashchange', this.handleSpaNavigation, true);\n document.body.removeChild(this.portalEl);\n this.portalEl = null;\n }\n\n // Remove ARIA attribute from trigger\n if (this.triggerEl !== null) {\n this.triggerEl.removeAttribute('aria-describedby');\n }\n this.contentDiv = null;\n }\n\n render() {\n const hostId = this.componentId || undefined;\n\n return (\n <Host id={hostId} class={{ 'pds-tooltip--is-open': this.opened }}>\n <span\n class=\"pds-tooltip__trigger\"\n onMouseEnter={this.handleShow}\n onMouseLeave={this.handleHide}\n onFocus={this.handleShow}\n onBlur={this.handleHide}\n ref={el => this.triggerEl = el}\n >\n <slot />\n </span>\n <div class=\"pds-tooltip__content-slot-wrapper\" style={{ display: 'none' }}>\n <slot name=\"content\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}