@pontive/pontkit-core 1.7.9 → 1.9.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.
- package/catalog.json +1 -1
- package/custom-elements.json +1 -1
- package/dist/index.js +20 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +26 -9
- package/dist/index.mjs.map +1 -1
- package/dist/primitives/components/ui/avatar/_avatar.d.ts +1 -1
- package/dist/styles.css +2801 -415
- package/package.json +2 -1
package/dist/index.js
CHANGED
|
@@ -153,18 +153,34 @@
|
|
|
153
153
|
>
|
|
154
154
|
${e}
|
|
155
155
|
</div>
|
|
156
|
-
`}};Np([a({type:String})],wn.prototype,"type",2);wn=Np([p("pont-accordion")],wn);var Rm=Object.defineProperty,Im=Object.getOwnPropertyDescriptor,Mp=(e,t,r,o)=>{for(var n=o>1?void 0:o?Im(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=(o?s(t,r,n):s(n))||n);return o&&n&&Rm(t,r,n),n};let Hs=class extends f{constructor(){super(...arguments),this.variant="default"}get _rootSlot(){return this.querySelector('[data-slot="alert"]')}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._rootSlot&&((r=this._rootSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l
|
|
156
|
+
`}};Np([a({type:String})],wn.prototype,"type",2);wn=Np([p("pont-accordion")],wn);var Rm=Object.defineProperty,Im=Object.getOwnPropertyDescriptor,Mp=(e,t,r,o)=>{for(var n=o>1?void 0:o?Im(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=(o?s(t,r,n):s(n))||n);return o&&n&&Rm(t,r,n),n};let Hs=class extends f{constructor(){super(...arguments),this.variant="default"}get _rootSlot(){return this.querySelector('[data-slot="alert"]')}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._rootSlot&&((r=this._rootSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l`
|
|
157
|
+
<div
|
|
158
|
+
data-pont-callout
|
|
159
|
+
data-slot="alert"
|
|
160
|
+
data-variant=${this.variant}
|
|
161
|
+
></div>
|
|
162
|
+
`}};Mp([a({type:String})],Hs.prototype,"variant",2);Hs=Mp([p("pont-callout")],Hs);var Am=Object.getOwnPropertyDescriptor,Tm=(e,t,r,o)=>{for(var n=o>1?void 0:o?Am(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=s(n)||n);return n};let Yl=class extends f{get _titleSlot(){return this.querySelector('[data-slot="alert-title"]')}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._titleSlot&&((r=this._titleSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l`<div data-pont-callout-title data-slot="alert-title"></div>`}};Yl=Tm([p("pont-callout-title")],Yl);var Dm=Object.getOwnPropertyDescriptor,Lm=(e,t,r,o)=>{for(var n=o>1?void 0:o?Dm(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=s(n)||n);return n};let Ql=class extends f{get _descriptionSlot(){return this.querySelector('[data-slot="alert-description"]')}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._descriptionSlot&&((r=this._descriptionSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l`
|
|
163
|
+
<div data-pont-callout-description data-slot="alert-description"></div>
|
|
164
|
+
`}};Ql=Lm([p("pont-callout-description")],Ql);var Fm=Object.getOwnPropertyDescriptor,km=(e,t,r,o)=>{for(var n=o>1?void 0:o?Fm(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=s(n)||n);return n};let Zl=class extends f{get _actionSlot(){return this.querySelector('[data-slot="alert-action"]')}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._actionSlot&&((r=this._actionSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l`<div data-pont-callout-action data-slot="alert-action"></div>`}};Zl=km([p("pont-callout-action")],Zl);const Jl={host:["pont-block pont-relative pont-w-full"],self:["pont-absolute pont-inset-0"]};var Nm=Object.defineProperty,Mm=Object.getOwnPropertyDescriptor,Bp=(e,t,r,o)=>{for(var n=o>1?void 0:o?Mm(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=(o?s(t,r,n):s(n))||n);return o&&n&&Nm(t,r,n),n};let Gs=class extends f{constructor(){super(...arguments),this.ratio=1/1,this._userClass="",this._userStyle=""}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this._userClass=this.getAttribute("class")??"",this._userStyle=this.getAttribute("style")??"",this._userClass&&this.removeAttribute("class"),this._userStyle&&this.removeAttribute("style"),this.className=m(this.className,Jl.host)}updated(e){e.has("ratio")&&(this.style.paddingBottom=this.ratio>0?`${100/this.ratio}%`:"0%")}firstUpdated(){var t;this.style.paddingBottom=this.ratio>0?`${100/this.ratio}%`:"0%";const e=this.querySelector(".aspect-ratio");if(e){if(this._userClass&&(e.className=m(e.className,this._userClass)),this._userStyle){const r=(t=e.getAttribute("style"))==null?void 0:t.trim(),o=this._userStyle.trim();e.setAttribute("style",[r,o].filter(Boolean).join("; "))}Array.from(this.childNodes).forEach(r=>{r!==e&&e.appendChild(r)})}}render(){return l`
|
|
157
165
|
<div class="${m("aspect-ratio",Jl.self)}"></div>
|
|
158
|
-
`}};Bp([a({type:Number,reflect:!0})],Gs.prototype,"ratio",2);Gs=Bp([p("pont-aspect-ratio")],Gs);var Bm=Object.defineProperty,Um=Object.getOwnPropertyDescriptor,Li=(e,t,r,o)=>{for(var n=o>1?void 0:o?Um(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=(o?s(t,r,n):s(n))||n);return o&&n&&Bm(t,r,n),n};let mo=class extends f{constructor(){super(...arguments),this.size="default",this._imageLoaded=!1,this._imageError=!1}get _rootSlot(){return this.querySelector('[data-slot="avatar"]')}get _avatarImageChild(){return this.querySelector("pont-avatar-image")}get _avatarFallbackChild(){return this.querySelector("pont-avatar-fallback")}_syncChildren(){const e=this._imageError||!this._imageLoaded;this._avatarImageChild&&(this._avatarImageChild.style.display=e?"none":""),this._avatarFallbackChild&&(this._avatarFallbackChild.style.display=e?"":"none")}_onImageLoad(){this._imageLoaded=!0,this._imageError=!1,this._syncChildren()}_onImageError(){this._imageLoaded=!1,this._imageError=!0,this._syncChildren()}connectedCallback(){super.connectedCallback(),this.addEventListener("pont-avatar:image-load",this._onImageLoad),this.addEventListener("pont-avatar:image-error",this._onImageError)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("pont-avatar:image-load",this._onImageLoad),this.removeEventListener("pont-avatar:image-error",this._onImageError)}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._rootSlot&&((r=this._rootSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l
|
|
166
|
+
`}};Bp([a({type:Number,reflect:!0})],Gs.prototype,"ratio",2);Gs=Bp([p("pont-aspect-ratio")],Gs);var Bm=Object.defineProperty,Um=Object.getOwnPropertyDescriptor,Li=(e,t,r,o)=>{for(var n=o>1?void 0:o?Um(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=(o?s(t,r,n):s(n))||n);return o&&n&&Bm(t,r,n),n};let mo=class extends f{constructor(){super(...arguments),this.size="default",this._imageLoaded=!1,this._imageError=!1}get _rootSlot(){return this.querySelector('[data-slot="avatar"]')}get _avatarImageChild(){return this.querySelector("pont-avatar-image")}get _avatarFallbackChild(){return this.querySelector("pont-avatar-fallback")}_syncChildren(){const e=this._imageError||!this._imageLoaded;this._avatarImageChild&&(this._avatarImageChild.style.display=e?"none":""),this._avatarFallbackChild&&(this._avatarFallbackChild.style.display=e?"":"none")}_onImageLoad(){this._imageLoaded=!0,this._imageError=!1,this._syncChildren()}_onImageError(){this._imageLoaded=!1,this._imageError=!0,this._syncChildren()}connectedCallback(){super.connectedCallback(),this.addEventListener("pont-avatar:image-load",this._onImageLoad),this.addEventListener("pont-avatar:image-error",this._onImageError)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("pont-avatar:image-load",this._onImageLoad),this.removeEventListener("pont-avatar:image-error",this._onImageError)}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._rootSlot&&((r=this._rootSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l`
|
|
167
|
+
<span data-pont-avatar data-slot="avatar" data-size=${this.size}></span>
|
|
168
|
+
`}};Li([a({type:String})],mo.prototype,"size",2);Li([g()],mo.prototype,"_imageLoaded",2);Li([g()],mo.prototype,"_imageError",2);mo=Li([p("pont-avatar")],mo);var jm=Object.defineProperty,qm=Object.getOwnPropertyDescriptor,Ka=(e,t,r,o)=>{for(var n=o>1?void 0:o?qm(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=(o?s(t,r,n):s(n))||n);return o&&n&&jm(t,r,n),n};let ii=class extends f{_onLoad(){this.dispatchEvent(new CustomEvent("pont-avatar:image-load",{bubbles:!0,composed:!0}))}_onError(){this.dispatchEvent(new CustomEvent("pont-avatar:image-error",{bubbles:!0,composed:!0}))}createRenderRoot(){return this}render(){return l`
|
|
159
169
|
<img
|
|
170
|
+
data-pont-avatar-image
|
|
160
171
|
data-slot="avatar-image"
|
|
161
172
|
src=${this.src??""}
|
|
162
173
|
alt=${this.alt??""}
|
|
163
174
|
@load=${this._onLoad}
|
|
164
175
|
@error=${this._onError}
|
|
165
176
|
/>
|
|
166
|
-
`}};Ka([a({type:String})],ii.prototype,"src",2);Ka([a({type:String})],ii.prototype,"alt",2);ii=Ka([p("pont-avatar-image")],ii);var zm=Object.getOwnPropertyDescriptor,Vm=(e,t,r,o)=>{for(var n=o>1?void 0:o?zm(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=s(n)||n);return n};let Xl=class extends f{get _fallbackSlot(){return this.querySelector('[data-slot="avatar-fallback"]')}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._fallbackSlot&&((r=this._fallbackSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l
|
|
177
|
+
`}};Ka([a({type:String})],ii.prototype,"src",2);Ka([a({type:String})],ii.prototype,"alt",2);ii=Ka([p("pont-avatar-image")],ii);var zm=Object.getOwnPropertyDescriptor,Vm=(e,t,r,o)=>{for(var n=o>1?void 0:o?zm(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=s(n)||n);return n};let Xl=class extends f{get _fallbackSlot(){return this.querySelector('[data-slot="avatar-fallback"]')}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._fallbackSlot&&((r=this._fallbackSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l`
|
|
178
|
+
<span data-pont-avatar-fallback data-slot="avatar-fallback"></span>
|
|
179
|
+
`}};Xl=Vm([p("pont-avatar-fallback")],Xl);var Hm=Object.getOwnPropertyDescriptor,Gm=(e,t,r,o)=>{for(var n=o>1?void 0:o?Hm(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=s(n)||n);return n};let td=class extends f{get _badgeSlot(){return this.querySelector('[data-slot="avatar-badge"]')}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._badgeSlot&&((r=this._badgeSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l`<span data-pont-avatar-badge data-slot="avatar-badge"></span>`}};td=Gm([p("pont-avatar-badge")],td);var Km=Object.getOwnPropertyDescriptor,Wm=(e,t,r,o)=>{for(var n=o>1?void 0:o?Km(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=s(n)||n);return n};let ed=class extends f{get _groupSlot(){return this.querySelector('[data-slot="avatar-group"]')}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._groupSlot&&((r=this._groupSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l`<div data-pont-avatar-group data-slot="avatar-group"></div>`}};ed=Wm([p("pont-avatar-group")],ed);var Ym=Object.getOwnPropertyDescriptor,Qm=(e,t,r,o)=>{for(var n=o>1?void 0:o?Ym(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=s(n)||n);return n};let rd=class extends f{get _groupCountSlot(){return this.querySelector('[data-slot="avatar-group-count"]')}firstUpdated(e){Array.from(this.childNodes).forEach(t=>{var r;t!==this._groupCountSlot&&((r=this._groupCountSlot)==null||r.appendChild(t))})}createRenderRoot(){return this}render(){return l`
|
|
180
|
+
<div data-pont-avatar-group-count data-slot="avatar-group-count"></div>
|
|
181
|
+
`}};rd=Qm([p("pont-avatar-group-count")],rd);var Zm=Object.defineProperty,Jm=Object.getOwnPropertyDescriptor,Co=(e,t,r,o)=>{for(var n=o>1?void 0:o?Jm(t,r):t,i=e.length-1,s;i>=0;i--)(s=e[i])&&(n=(o?s(t,r,n):s(n))||n);return o&&n&&Zm(t,r,n),n};let $n=class extends f{constructor(){super(...arguments),this.variant="default"}createRenderRoot(){return this}get _rootSlot(){return this.querySelector('[data-slot="badge"]')}firstUpdated(){const e=this._rootSlot;if(!e)return;Array.from(this.childNodes).filter(r=>r!==e).forEach(r=>e.appendChild(r))}render(){return this.href?l`
|
|
167
182
|
<a
|
|
183
|
+
data-pont-badge
|
|
168
184
|
data-slot="badge"
|
|
169
185
|
data-variant=${this.variant}
|
|
170
186
|
href=${this.href}
|
|
@@ -174,6 +190,7 @@
|
|
|
174
190
|
></a>
|
|
175
191
|
`:l`
|
|
176
192
|
<span
|
|
193
|
+
data-pont-badge
|
|
177
194
|
data-slot="badge"
|
|
178
195
|
data-variant=${this.variant}
|
|
179
196
|
aria-label=${this.ariaLabel??h}
|