@paperless/core 2.2.6 → 2.2.8
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/CHANGELOG.md +22 -0
- package/dist/build/p-21bb6e96.entry.js +2 -0
- package/dist/build/{p-51af540d.entry.js.map → p-21bb6e96.entry.js.map} +1 -1
- package/dist/build/{p-8bcbf479.js → p-46ff150f.js} +1 -1
- package/dist/build/p-827b1bd0.entry.js +2 -0
- package/dist/build/p-827b1bd0.entry.js.map +1 -0
- package/dist/build/p-card-header.entry.esm.js.map +1 -1
- package/dist/build/p-profile.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-card-header.cjs.entry.js +5 -5
- package/dist/cjs/p-card-header.cjs.entry.js.map +1 -1
- package/dist/cjs/p-card-header.entry.cjs.js.map +1 -1
- package/dist/cjs/p-profile.cjs.entry.js +2 -2
- package/dist/cjs/p-profile.cjs.entry.js.map +1 -1
- package/dist/cjs/p-profile.entry.cjs.js.map +1 -1
- package/dist/collection/components/atoms/card/header/card-header.component.css +1 -1
- package/dist/collection/components/atoms/card/header/card-header.component.js +4 -4
- package/dist/collection/components/atoms/card/header/card-header.component.js.map +1 -1
- package/dist/collection/components/molecules/profile/profile.component.css +1 -1
- package/dist/collection/components/molecules/profile/profile.component.js +1 -1
- package/dist/collection/components/molecules/profile/profile.component.js.map +1 -1
- package/dist/components/p-card-header.js +5 -5
- package/dist/components/p-card-header.js.map +1 -1
- package/dist/components/p-profile.js +2 -2
- package/dist/components/p-profile.js.map +1 -1
- package/dist/esm/p-card-header.entry.js +5 -5
- package/dist/esm/p-card-header.entry.js.map +1 -1
- package/dist/esm/p-profile.entry.js +2 -2
- package/dist/esm/p-profile.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-21bb6e96.entry.js +2 -0
- package/dist/paperless/{p-51af540d.entry.js.map → p-21bb6e96.entry.js.map} +1 -1
- package/dist/paperless/p-827b1bd0.entry.js +2 -0
- package/dist/paperless/p-827b1bd0.entry.js.map +1 -0
- package/dist/paperless/p-card-header.entry.esm.js.map +1 -1
- package/dist/paperless/p-profile.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/build/p-51af540d.entry.js +0 -2
- package/dist/build/p-dda23ac1.entry.js +0 -2
- package/dist/build/p-dda23ac1.entry.js.map +0 -1
- package/dist/paperless/p-51af540d.entry.js +0 -2
- package/dist/paperless/p-dda23ac1.entry.js +0 -2
- package/dist/paperless/p-dda23ac1.entry.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-profile.entry.cjs.js","sources":["src/components/molecules/profile/profile.component.css?tag=p-profile&encapsulation=shadow","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["","import { Component, Element, h, Listen, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n\tshadow: true,\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn this._hasDropdownSlot ? (\n\t\t\t<p-dropdown\n\t\t\t\tstrategy='absolute'\n\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\tapplyFullWidth={true}\n\t\t\t\tapplyMaxWidth={false}\n\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t>\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tsize='lg'\n\t\t\t\t\tclass='w-full'\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</p-button>\n\t\t\t\t<div slot='items'>\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</p-dropdown>\n\t\t) : (\n\t\t\tcontent\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"names":["cva","h"],"mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-profile.entry.cjs.js","sources":["src/components/molecules/profile/profile.component.css?tag=p-profile&encapsulation=shadow","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["","import { Component, Element, h, Listen, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n\tshadow: true,\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn this._hasDropdownSlot ? (\n\t\t\t<p-dropdown\n\t\t\t\tstrategy='absolute'\n\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\tapplyFullWidth={true}\n\t\t\t\tapplyMaxWidth={false}\n\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t>\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tsize='lg'\n\t\t\t\t\tclass='w-full'\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</p-button>\n\t\t\t\t<div slot='items'>\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</p-dropdown>\n\t\t) : (\n\t\t\tcontent\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"names":["cva","h"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\[-1\]{z-index:-1!important}.z-\[1\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\[5\/1\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\[6\.25rem\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.empty\:hidden:empty{display:none!important}
|
|
1
|
+
*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\[-1\]{z-index:-1!important}.z-\[1\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\[5\/1\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\[6\.25rem\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.empty\:hidden:empty{display:none!important}
|
|
@@ -17,7 +17,7 @@ const content = cva('flex items-center gap-2', {
|
|
|
17
17
|
},
|
|
18
18
|
},
|
|
19
19
|
});
|
|
20
|
-
const title = cva('h-8 flex items-center font-bold text-sm gap-2 min-w-0');
|
|
20
|
+
const title = cva('h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500');
|
|
21
21
|
export class CardHeader {
|
|
22
22
|
/**
|
|
23
23
|
* The variant of the card header
|
|
@@ -44,11 +44,11 @@ export class CardHeader {
|
|
|
44
44
|
*/
|
|
45
45
|
divider = true;
|
|
46
46
|
render() {
|
|
47
|
-
return (h("div", { key: '
|
|
47
|
+
return (h("div", { key: '4554cdeafd32e924bacd8fd1df191a692f86fe96', class: header({
|
|
48
48
|
variant: this.variant,
|
|
49
|
-
}) }, h("div", { key: '
|
|
49
|
+
}) }, h("div", { key: 'ba51a8681c36a99ee7b4569a2fb8fae8ed2a0c4f', class: content({
|
|
50
50
|
variant: this.variant,
|
|
51
|
-
}) }, this.icon ? (h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: '
|
|
51
|
+
}) }, this.icon ? (h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: 'dfd7ce66d643782341eff00f4c87d2d39942e8f4', class: title() }, h("span", { key: 'ef07ff3b60ea170d7fcb7043193d7669b7dcfc79', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '39b8d0aeaeed7c616f42025803e5483c47b99a21', name: 'content-suffix' })), h("div", { key: '92d9551e69fa2d46b30c93150e775a5292877dc7', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, h("slot", { key: '1cafae10e832aee07ead410af8c2fb3bb789c674', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && h("p-divider", null)) : (h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, h("p-smile", { variant: 'card' })))));
|
|
52
52
|
}
|
|
53
53
|
static get is() { return "p-card-header"; }
|
|
54
54
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-header.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/card/header/card-header.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAO/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,MAAM,GAAG,GAAG,CACjB,iFAAiF,EACjF;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,8BAA8B;SACrC;KACD;CACD,CACD,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC,yBAAyB,EAAE;IAC9C,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,WAAW;SAClB;KACD;CACD,CAAC,CAAC;AACH,MAAM,KAAK,GAAG,GAAG,
|
|
1
|
+
{"version":3,"file":"card-header.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/card/header/card-header.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAO/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,MAAM,MAAM,GAAG,GAAG,CACjB,iFAAiF,EACjF;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,8BAA8B;SACrC;KACD;CACD,CACD,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC,yBAAyB,EAAE;IAC9C,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,WAAW;SAClB;KACD;CACD,CAAC,CAAC;AACH,MAAM,KAAK,GAAG,GAAG,CAChB,sEAAsE,CACtE,CAAC;AAOF,MAAM,OAAO,UAAU;IACtB;;OAEG;IACK,OAAO,GAAwB,SAAS,CAAC;IAEjD;;OAEG;IACK,MAAM,CAAS;IAEvB;;OAEG;IACK,IAAI,CAAe;IAE3B;;OAEG;IACK,QAAQ,CAAmB;IAEnC;;OAEG;IACK,UAAU,CAAiB;IAEnC;;OAEG;IACK,OAAO,GAAG,IAAI,CAAC;IAEvB,MAAM;QACL,OAAO,CACN,4DACC,KAAK,EAAE,MAAM,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC;YAEF,4DACC,KAAK,EAAE,OAAO,CAAC;oBACd,OAAO,EAAE,IAAI,CAAC,OAAO;iBACrB,CAAC;gBAED,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,cACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,CAAC,CAAC,CAAC,CACH,YAAM,IAAI,EAAC,QAAQ,GAAG,CACtB;gBAED,4DAAK,KAAK,EAAE,KAAK,EAAE;oBAClB,6DAAM,KAAK,EAAC,0CAA0C,IACpD,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,eAAQ,CACvC;oBAEP,6DAAM,IAAI,EAAC,gBAAgB,GAAG,CACzB;gBAEN,4DAAK,KAAK,EAAC,0DAA0D;oBACpE,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACD;YAEL,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CAC7B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,oBAAa,CACxC,CAAC,CAAC,CAAC,CACH,WAAK,KAAK,EAAC,8FAA8F;gBACxG,eAAS,OAAO,EAAC,MAAM,GAAG,CACrB,CACN,CACI,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst header = cva(\n\t'inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'px-4',\n\t\t\t\tcurve: 'aspect-[5/1] max-h-[6.25rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst content = cva('flex items-center gap-2', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'py-3',\n\t\t\tcurve: 'px-4 pt-3',\n\t\t},\n\t},\n});\nconst title = cva(\n\t'h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500'\n);\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.css',\n\tshadow: true,\n})\nexport class CardHeader {\n\t/**\n\t * The variant of the card header\n\t */\n\t@Prop() variant: 'default' | 'curve' = 'default';\n\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether to show the divider\n\t */\n\t@Prop() divider = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={header({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={content({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon ? (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot name='prefix' />\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<span class='max-w-full overflow-hidden text-ellipsis'>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='ml-auto flex items-center justify-end gap-4 empty:hidden'>\n\t\t\t\t\t\t<slot name='suffix' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\tasBoolean(this.divider) && <p-divider />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl'>\n\t\t\t\t\t\t<p-smile variant='card' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}
|
|
1
|
+
*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}
|
|
@@ -41,7 +41,7 @@ export class Profile {
|
|
|
41
41
|
_getContent() {
|
|
42
42
|
return (h("div", { class: profileContent({
|
|
43
43
|
dropdown: this._hasDropdownSlot,
|
|
44
|
-
}) }, h("slot", { name: 'avatar' }), h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold' }, h("slot", { name: 'title' })), h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400' }, h("slot", { name: 'subtitle' }))), h("slot", { name: 'post-title' })));
|
|
44
|
+
}) }, h("slot", { name: 'avatar' }), h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500' }, h("slot", { name: 'title' })), h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400' }, h("slot", { name: 'subtitle' }))), h("slot", { name: 'post-title' })));
|
|
45
45
|
}
|
|
46
46
|
_updateAvatar() {
|
|
47
47
|
const avatar = this._el.querySelector('p-avatar[slot="avatar"]');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"profile.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/profile/profile.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,cAAc,GAAG,GAAG,CAAC,CAAC,wCAAwC,CAAC,EAAE;IACtE,QAAQ,EAAE;QACT,QAAQ,EAAE;YACT,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,IAAI;SACV;KACD;CACD,CAAC,CAAC;AAOH,MAAM,OAAO,OAAO;IACnB;;OAEG;IACK,gBAAgB,GAA6B,YAAY,CAAC;IAElE;;OAEG;IACgB,GAAG,CAAc;IAEnB,aAAa,GAAG,KAAK,CAAC;IACtB,gBAAgB,GAAG,KAAK,CAAC;IAE1C,iBAAiB;QAChB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC3B,CAAC;IAED,mBAAmB;QAClB,IAAI,CAAC,aAAa,EAAE,CAAC;IACtB,CAAC;IAED,MAAM;QACL,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnC,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAC9B,kBACC,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAChC,cAAc,EAAE,IAAI,EACpB,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,MAAM,CAAC;YAEhD,gBACC,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAC3C,MAAM,EAAE,IAAI,CAAC,aAAa,EAC1B,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,QAAQ,IAEb,OAAO,CACE;YACX,WAAK,IAAI,EAAC,OAAO;gBAChB,YACC,IAAI,EAAC,UAAU,EACf,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAC5C,CACG,CACM,CACb,CAAC,CAAC,CAAC,CACH,OAAO,CACP,CAAC;IACH,CAAC;IAGD,UAAU;QACT,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC3B,CAAC;IAEO,kBAAkB;QACzB,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC/C,4BAA4B,CAC5B,CAAC;QAEF,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAClD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC5B,CAAC;IACF,CAAC;IAEO,WAAW;QAClB,OAAO,CACN,WACC,KAAK,EAAE,cAAc,CAAC;gBACrB,QAAQ,EAAE,IAAI,CAAC,gBAAgB;aAC/B,CAAC;YAEF,YAAM,IAAI,EAAC,QAAQ,GAAG;YACtB,WAAK,KAAK,EAAC,0CAA0C;gBACpD,SAAG,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"profile.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/profile/profile.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Listen, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n\tshadow: true,\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn this._hasDropdownSlot ? (\n\t\t\t<p-dropdown\n\t\t\t\tstrategy='absolute'\n\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\tapplyFullWidth={true}\n\t\t\t\tapplyMaxWidth={false}\n\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t>\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tsize='lg'\n\t\t\t\t\tclass='w-full'\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</p-button>\n\t\t\t\t<div slot='items'>\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</p-dropdown>\n\t\t) : (\n\t\t\tcontent\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"]}
|
|
@@ -5,7 +5,7 @@ import { d as defineCustomElement$4 } from './p-Dl2d_IWC.js';
|
|
|
5
5
|
import { d as defineCustomElement$3 } from './p-BNz_LoMA.js';
|
|
6
6
|
import { d as defineCustomElement$2 } from './p-BFghMvAR.js';
|
|
7
7
|
|
|
8
|
-
const cardHeaderComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\\[-1\\]{z-index:-1!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\\[6\\.25rem\\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.empty\\:hidden:empty{display:none!important}";
|
|
8
|
+
const cardHeaderComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\\[-1\\]{z-index:-1!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\\[6\\.25rem\\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}";
|
|
9
9
|
|
|
10
10
|
const header = cva('inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative', {
|
|
11
11
|
variants: {
|
|
@@ -23,7 +23,7 @@ const content = cva('flex items-center gap-2', {
|
|
|
23
23
|
},
|
|
24
24
|
},
|
|
25
25
|
});
|
|
26
|
-
const title = cva('h-8 flex items-center font-bold text-sm gap-2 min-w-0');
|
|
26
|
+
const title = cva('h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500');
|
|
27
27
|
const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends H {
|
|
28
28
|
constructor() {
|
|
29
29
|
super();
|
|
@@ -55,11 +55,11 @@ const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends H {
|
|
|
55
55
|
*/
|
|
56
56
|
divider = true;
|
|
57
57
|
render() {
|
|
58
|
-
return (h("div", { key: '
|
|
58
|
+
return (h("div", { key: '4554cdeafd32e924bacd8fd1df191a692f86fe96', class: header({
|
|
59
59
|
variant: this.variant,
|
|
60
|
-
}) }, h("div", { key: '
|
|
60
|
+
}) }, h("div", { key: 'ba51a8681c36a99ee7b4569a2fb8fae8ed2a0c4f', class: content({
|
|
61
61
|
variant: this.variant,
|
|
62
|
-
}) }, this.icon ? (h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: '
|
|
62
|
+
}) }, this.icon ? (h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: 'dfd7ce66d643782341eff00f4c87d2d39942e8f4', class: title() }, h("span", { key: 'ef07ff3b60ea170d7fcb7043193d7669b7dcfc79', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '39b8d0aeaeed7c616f42025803e5483c47b99a21', name: 'content-suffix' })), h("div", { key: '92d9551e69fa2d46b30c93150e775a5292877dc7', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, h("slot", { key: '1cafae10e832aee07ead410af8c2fb3bb789c674', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && h("p-divider", null)) : (h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, h("p-smile", { variant: 'card' })))));
|
|
63
63
|
}
|
|
64
64
|
static get style() { return cardHeaderComponentCss; }
|
|
65
65
|
}, [1, "p-card-header", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-card-header.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,
|
|
1
|
+
{"file":"p-card-header.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,i8CAAi8C;;ACUh+C,MAAM,MAAM,GAAG,GAAG,CACjB,iFAAiF,EACjF;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,8BAA8B;AACrC,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,OAAO,GAAG,GAAG,CAAC,yBAAyB,EAAE;AAC9C,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,WAAW;AAClB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AACF,MAAM,KAAK,GAAG,GAAG,CAChB,sEAAsE,CACtE;MAOY,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;AACtB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,OAAO,GAAG,IAAI;IAEtB,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,MAAM,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,IACT,CAAA,CAAA,QAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,KAEF,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAG,CACtB,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,0CAA0C,IACpD,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,eAAQ,CACvC,EAEP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CACzB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0DAA0D,EAAA,EACpE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACjB,CACD,EAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAa,CAAA,WAAA,EAAA,IAAA,CAAA,KAExC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,8FAA8F,EAAA,EACxG,CAAS,CAAA,SAAA,EAAA,EAAA,OAAO,EAAC,MAAM,EAAA,CAAG,CACrB,CACN,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/card/header/card-header.component.css?tag=p-card-header&encapsulation=shadow","src/components/atoms/card/header/card-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst header = cva(\n\t'inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'px-4',\n\t\t\t\tcurve: 'aspect-[5/1] max-h-[6.25rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst content = cva('flex items-center gap-2', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'py-3',\n\t\t\tcurve: 'px-4 pt-3',\n\t\t},\n\t},\n});\nconst title = cva(\n\t'h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500'\n);\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.css',\n\tshadow: true,\n})\nexport class CardHeader {\n\t/**\n\t * The variant of the card header\n\t */\n\t@Prop() variant: 'default' | 'curve' = 'default';\n\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether to show the divider\n\t */\n\t@Prop() divider = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={header({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={content({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon ? (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot name='prefix' />\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<span class='max-w-full overflow-hidden text-ellipsis'>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='ml-auto flex items-center justify-end gap-4 empty:hidden'>\n\t\t\t\t\t\t<slot name='suffix' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\tasBoolean(this.divider) && <p-divider />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl'>\n\t\t\t\t\t\t<p-smile variant='card' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -6,7 +6,7 @@ import { d as defineCustomElement$4 } from './p-Dc8e00Zd.js';
|
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-BNz_LoMA.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-CvfOjT_y.js';
|
|
8
8
|
|
|
9
|
-
const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}";
|
|
9
|
+
const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}";
|
|
10
10
|
|
|
11
11
|
const profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {
|
|
12
12
|
variants: {
|
|
@@ -51,7 +51,7 @@ const Profile = /*@__PURE__*/ proxyCustomElement(class Profile extends H {
|
|
|
51
51
|
_getContent() {
|
|
52
52
|
return (h("div", { class: profileContent({
|
|
53
53
|
dropdown: this._hasDropdownSlot,
|
|
54
|
-
}) }, h("slot", { name: 'avatar' }), h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold' }, h("slot", { name: 'title' })), h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400' }, h("slot", { name: 'subtitle' }))), h("slot", { name: 'post-title' })));
|
|
54
|
+
}) }, h("slot", { name: 'avatar' }), h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500' }, h("slot", { name: 'title' })), h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400' }, h("slot", { name: 'subtitle' }))), h("slot", { name: 'post-title' })));
|
|
55
55
|
}
|
|
56
56
|
_updateAvatar() {
|
|
57
57
|
const avatar = this._el.querySelector('p-avatar[slot="avatar"]');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-profile.js","mappings":";;;;;;;;AAAA,MAAM,mBAAmB,GAAG,
|
|
1
|
+
{"file":"p-profile.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/profile/profile.component.css?tag=p-profile&encapsulation=shadow","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["","import { Component, Element, h, Listen, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n\tshadow: true,\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn this._hasDropdownSlot ? (\n\t\t\t<p-dropdown\n\t\t\t\tstrategy='absolute'\n\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\tapplyFullWidth={true}\n\t\t\t\tapplyMaxWidth={false}\n\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t>\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tsize='lg'\n\t\t\t\t\tclass='w-full'\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</p-button>\n\t\t\t\t<div slot='items'>\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</p-dropdown>\n\t\t) : (\n\t\t\tcontent\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"version":3}
|
|
@@ -3,7 +3,7 @@ import { c as cva } from './index-CO0T2jO4.js';
|
|
|
3
3
|
import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
|
|
4
4
|
import './clsx-ChV9xqsO.js';
|
|
5
5
|
|
|
6
|
-
const cardHeaderComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\\[-1\\]{z-index:-1!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\\[6\\.25rem\\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.empty\\:hidden:empty{display:none!important}";
|
|
6
|
+
const cardHeaderComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\\[-1\\]{z-index:-1!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\\[6\\.25rem\\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}";
|
|
7
7
|
|
|
8
8
|
const header = cva('inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative', {
|
|
9
9
|
variants: {
|
|
@@ -21,7 +21,7 @@ const content = cva('flex items-center gap-2', {
|
|
|
21
21
|
},
|
|
22
22
|
},
|
|
23
23
|
});
|
|
24
|
-
const title = cva('h-8 flex items-center font-bold text-sm gap-2 min-w-0');
|
|
24
|
+
const title = cva('h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500');
|
|
25
25
|
const CardHeader = class {
|
|
26
26
|
constructor(hostRef) {
|
|
27
27
|
registerInstance(this, hostRef);
|
|
@@ -51,11 +51,11 @@ const CardHeader = class {
|
|
|
51
51
|
*/
|
|
52
52
|
divider = true;
|
|
53
53
|
render() {
|
|
54
|
-
return (h("div", { key: '
|
|
54
|
+
return (h("div", { key: '4554cdeafd32e924bacd8fd1df191a692f86fe96', class: header({
|
|
55
55
|
variant: this.variant,
|
|
56
|
-
}) }, h("div", { key: '
|
|
56
|
+
}) }, h("div", { key: 'ba51a8681c36a99ee7b4569a2fb8fae8ed2a0c4f', class: content({
|
|
57
57
|
variant: this.variant,
|
|
58
|
-
}) }, this.icon ? (h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: '
|
|
58
|
+
}) }, this.icon ? (h("p-icon", { variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })) : (h("slot", { name: 'prefix' })), h("div", { key: 'dfd7ce66d643782341eff00f4c87d2d39942e8f4', class: title() }, h("span", { key: 'ef07ff3b60ea170d7fcb7043193d7669b7dcfc79', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : h("slot", null)), h("slot", { key: '39b8d0aeaeed7c616f42025803e5483c47b99a21', name: 'content-suffix' })), h("div", { key: '92d9551e69fa2d46b30c93150e775a5292877dc7', class: 'ml-auto flex items-center justify-end gap-4 empty:hidden' }, h("slot", { key: '1cafae10e832aee07ead410af8c2fb3bb789c674', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && h("p-divider", null)) : (h("div", { class: 'pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl' }, h("p-smile", { variant: 'card' })))));
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
61
|
CardHeader.style = cardHeaderComponentCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-card-header.entry.js","sources":["src/components/atoms/card/header/card-header.component.css?tag=p-card-header&encapsulation=shadow","src/components/atoms/card/header/card-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst header = cva(\n\t'inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'px-4',\n\t\t\t\tcurve: 'aspect-[5/1] max-h-[6.25rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst content = cva('flex items-center gap-2', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'py-3',\n\t\t\tcurve: 'px-4 pt-3',\n\t\t},\n\t},\n});\nconst title = cva('h-8 flex items-center font-bold text-sm gap-2 min-w-0');\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.css',\n\tshadow: true,\n})\nexport class CardHeader {\n\t/**\n\t * The variant of the card header\n\t */\n\t@Prop() variant: 'default' | 'curve' = 'default';\n\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether to show the divider\n\t */\n\t@Prop() divider = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={header({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={content({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon ? (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot name='prefix' />\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<span class='max-w-full overflow-hidden text-ellipsis'>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='ml-auto flex items-center justify-end gap-4 empty:hidden'>\n\t\t\t\t\t\t<slot name='suffix' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\tasBoolean(this.divider) && <p-divider />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl'>\n\t\t\t\t\t\t<p-smile variant='card' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;AAAA,MAAM,sBAAsB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-card-header.entry.js","sources":["src/components/atoms/card/header/card-header.component.css?tag=p-card-header&encapsulation=shadow","src/components/atoms/card/header/card-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst header = cva(\n\t'inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'px-4',\n\t\t\t\tcurve: 'aspect-[5/1] max-h-[6.25rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst content = cva('flex items-center gap-2', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'py-3',\n\t\t\tcurve: 'px-4 pt-3',\n\t\t},\n\t},\n});\nconst title = cva(\n\t'h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500'\n);\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.css',\n\tshadow: true,\n})\nexport class CardHeader {\n\t/**\n\t * The variant of the card header\n\t */\n\t@Prop() variant: 'default' | 'curve' = 'default';\n\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether to show the divider\n\t */\n\t@Prop() divider = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={header({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={content({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon ? (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot name='prefix' />\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<span class='max-w-full overflow-hidden text-ellipsis'>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='ml-auto flex items-center justify-end gap-4 empty:hidden'>\n\t\t\t\t\t\t<slot name='suffix' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\tasBoolean(this.divider) && <p-divider />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl'>\n\t\t\t\t\t\t<p-smile variant='card' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;AAAA,MAAM,sBAAsB,GAAG,i8CAAi8C;;ACUh+C,MAAM,MAAM,GAAG,GAAG,CACjB,iFAAiF,EACjF;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,8BAA8B;AACrC,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,OAAO,GAAG,GAAG,CAAC,yBAAyB,EAAE;AAC9C,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,WAAW;AAClB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AACF,MAAM,KAAK,GAAG,GAAG,CAChB,sEAAsE,CACtE;MAOY,UAAU,GAAA,MAAA;;;;AACtB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,OAAO,GAAG,IAAI;IAEtB,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,MAAM,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,IACT,CAAA,CAAA,QAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,KAEF,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAG,CACtB,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,0CAA0C,IACpD,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,eAAQ,CACvC,EAEP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CACzB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0DAA0D,EAAA,EACpE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACjB,CACD,EAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAa,CAAA,WAAA,EAAA,IAAA,CAAA,KAExC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,8FAA8F,EAAA,EACxG,CAAS,CAAA,SAAA,EAAA,EAAA,OAAO,EAAC,MAAM,EAAA,CAAG,CACrB,CACN,CACI;;;;;;;"}
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, g as getElement, h } from './index-DhGo7hbh.js';
|
|
|
2
2
|
import { c as cva } from './index-CO0T2jO4.js';
|
|
3
3
|
import './clsx-ChV9xqsO.js';
|
|
4
4
|
|
|
5
|
-
const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}";
|
|
5
|
+
const profileComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}";
|
|
6
6
|
|
|
7
7
|
const profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {
|
|
8
8
|
variants: {
|
|
@@ -45,7 +45,7 @@ const Profile = class {
|
|
|
45
45
|
_getContent() {
|
|
46
46
|
return (h("div", { class: profileContent({
|
|
47
47
|
dropdown: this._hasDropdownSlot,
|
|
48
|
-
}) }, h("slot", { name: 'avatar' }), h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold' }, h("slot", { name: 'title' })), h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400' }, h("slot", { name: 'subtitle' }))), h("slot", { name: 'post-title' })));
|
|
48
|
+
}) }, h("slot", { name: 'avatar' }), h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500' }, h("slot", { name: 'title' })), h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400' }, h("slot", { name: 'subtitle' }))), h("slot", { name: 'post-title' })));
|
|
49
49
|
}
|
|
50
50
|
_updateAvatar() {
|
|
51
51
|
const avatar = this._el.querySelector('p-avatar[slot="avatar"]');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-profile.entry.js","sources":["src/components/molecules/profile/profile.component.css?tag=p-profile&encapsulation=shadow","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["","import { Component, Element, h, Listen, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n\tshadow: true,\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn this._hasDropdownSlot ? (\n\t\t\t<p-dropdown\n\t\t\t\tstrategy='absolute'\n\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\tapplyFullWidth={true}\n\t\t\t\tapplyMaxWidth={false}\n\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t>\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tsize='lg'\n\t\t\t\t\tclass='w-full'\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</p-button>\n\t\t\t\t<div slot='items'>\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</p-dropdown>\n\t\t) : (\n\t\t\tcontent\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-profile.entry.js","sources":["src/components/molecules/profile/profile.component.css?tag=p-profile&encapsulation=shadow","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["","import { Component, Element, h, Listen, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n\tshadow: true,\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn this._hasDropdownSlot ? (\n\t\t\t<p-dropdown\n\t\t\t\tstrategy='absolute'\n\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\tapplyFullWidth={true}\n\t\t\t\tapplyMaxWidth={false}\n\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t>\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tsize='lg'\n\t\t\t\t\tclass='w-full'\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</p-button>\n\t\t\t\t<div slot='items'>\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</p-dropdown>\n\t\t) : (\n\t\t\tcontent\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"names":[],"mappings":"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"}
|
package/dist/index.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="modulepreload" href="/build/p-
|
|
1
|
+
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="modulepreload" href="/build/p-46ff150f.js"><link rel="modulepreload" href="/build/p-BmA7NKgh.js"><link rel="modulepreload" href="/build/p-C5CTp9IA.js"><link rel="modulepreload" href="/build/p-CBWjHURv.js"><link rel="modulepreload" href="/build/p-CT54OXR2.js"><link rel="modulepreload" href="/build/p-ChV9xqsO.js"><link rel="modulepreload" href="/build/p-DhGo7hbh.js"><script type="module" src="/build/p-46ff150f.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> <style>.touch-none{touch-action:none!important}.font-ambit{font-family:Ambit,sans-serif!important}.font-geist{font-family:Geist,serif!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.font-medium{font-weight:500!important}.lining-nums{--tw-numeric-figure:lining-nums!important}.lining-nums,.tabular-nums{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.tabular-nums{--tw-numeric-spacing:tabular-nums!important}.text-inherit{color:inherit!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.antialiased{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}*{box-sizing:border-box;font-family:Geist,serif}.touch-none{touch-action:none!important}.font-ambit{font-family:Ambit,sans-serif!important}.font-geist{font-family:Geist,serif!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.font-medium{font-weight:500!important}.lining-nums{--tw-numeric-figure:lining-nums!important;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.text-inherit{color:inherit!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.antialiased{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap);@import url(https://fonts.cdnfonts.com/css/ambit);*,* button,.font-geist,.font-geist button{font-variant-numeric:lining-nums tabular-nums}body,html{--tw-bg-opacity:1;-webkit-font-smoothing:antialiased;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));max-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));text-rendering:optimizeLegibility;width:100%}html{height:-moz-stretch;height:-webkit-stretch;height:-webkit-fill-available;height:-moz-available;height:stretch}body{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important;font-size:1rem!important;font-weight:500!important;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:-moz-stretch;height:-webkit-stretch;height:-webkit-fill-available;height:-moz-available;height:stretch;line-height:1.5rem!important}body *{box-sizing:border-box}a,a:visited{color:inherit}h1,h2,h3,h4,h5{font-family:Ambit,sans-serif;font-weight:700}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem}h3,h4{line-height:1.75rem}h4{font-size:1.125rem}.scroll-lock{-webkit-overflow-scrolling:auto;overflow:hidden;overscroll-behavior:none;touch-action:none}</style> </head> <body> <p-button>Test</p-button> <script data-build="2025-07-24T09:07:55">
|
|
2
2
|
if ('serviceWorker' in navigator && location.protocol !== 'file:') {
|
|
3
3
|
window.addEventListener('load', function() {
|
|
4
4
|
navigator.serviceWorker.register('/sw.js')
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,g as o,h as i}from"./p-DhGo7hbh.js";import{c as e}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const a="*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}";const n=e(["flex gap-2 items-center flex-1 min-w-0"],{variants:{dropdown:{false:"h-10 py-1",true:null}}});const s=class{constructor(o){t(this,o)}dropdownLocation="bottom-end";get _el(){return o(this)}_dropdownOpen=false;_hasDropdownSlot=false;componentWillLoad(){this._checkDropdownSlot()}componentWillRender(){this._updateAvatar()}render(){const t=this._getContent();return this._hasDropdownSlot?i("p-dropdown",{strategy:"absolute",placement:this.dropdownLocation,applyFullWidth:true,applyMaxWidth:false,onIsOpen:t=>this._dropdownOpen=t.detail},i("p-button",{variant:"dropdown",chevron:this._dropdownOpen?"up":"down",active:this._dropdownOpen,slot:"trigger",size:"lg",class:"w-full"},t),i("div",{slot:"items"},i("slot",{name:"dropdown",onSlotchange:()=>this._checkDropdownSlot()}))):t}slotchange(){this._checkDropdownSlot()}_checkDropdownSlot(){this._hasDropdownSlot=!!this._el.querySelector(':scope > [slot="dropdown"]');if(!this._hasDropdownSlot&&this._dropdownOpen){this._dropdownOpen=false}}_getContent(){return i("div",{class:n({dropdown:this._hasDropdownSlot})},i("slot",{name:"avatar"}),i("div",{class:"flex min-w-0 flex-1 flex-col items-start"},i("p",{class:"my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500"},i("slot",{name:"title"})),i("p",{class:"my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400"},i("slot",{name:"subtitle"}))),i("slot",{name:"post-title"}))}_updateAvatar(){const t=this._el.querySelector('p-avatar[slot="avatar"]');if(!t){return}t.size=this._hasDropdownSlot?"sm":t.size}};s.style=a;export{s as p_profile};
|
|
2
|
+
//# sourceMappingURL=p-21bb6e96.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["profileComponentCss","profileContent","cva","variants","dropdown","false","true","Profile","dropdownLocation","_dropdownOpen","_hasDropdownSlot","componentWillLoad","this","_checkDropdownSlot","componentWillRender","_updateAvatar","render","content","_getContent","h","strategy","placement","applyFullWidth","applyMaxWidth","onIsOpen","ev","detail","variant","chevron","active","slot","size","class","name","onSlotchange","slotchange","_el","querySelector","avatar"],"sources":["src/components/molecules/profile/profile.component.css?tag=p-profile&encapsulation=shadow","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":[null,"import { Component, Element, h, Listen, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n\tshadow: true,\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn this._hasDropdownSlot ? (\n\t\t\t<p-dropdown\n\t\t\t\tstrategy='absolute'\n\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\tapplyFullWidth={true}\n\t\t\t\tapplyMaxWidth={false}\n\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t>\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tsize='lg'\n\t\t\t\t\tclass='w-full'\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</p-button>\n\t\t\t\t<div slot='items'>\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</p-dropdown>\n\t\t) : (\n\t\t\tcontent\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAsB,
|
|
1
|
+
{"version":3,"names":["profileComponentCss","profileContent","cva","variants","dropdown","false","true","Profile","dropdownLocation","_dropdownOpen","_hasDropdownSlot","componentWillLoad","this","_checkDropdownSlot","componentWillRender","_updateAvatar","render","content","_getContent","h","strategy","placement","applyFullWidth","applyMaxWidth","onIsOpen","ev","detail","variant","chevron","active","slot","size","class","name","onSlotchange","slotchange","_el","querySelector","avatar"],"sources":["src/components/molecules/profile/profile.component.css?tag=p-profile&encapsulation=shadow","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":[null,"import { Component, Element, h, Listen, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n\tshadow: true,\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn this._hasDropdownSlot ? (\n\t\t\t<p-dropdown\n\t\t\t\tstrategy='absolute'\n\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\tapplyFullWidth={true}\n\t\t\t\tapplyMaxWidth={false}\n\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t>\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tsize='lg'\n\t\t\t\t\tclass='w-full'\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</p-button>\n\t\t\t\t<div slot='items'>\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</p-dropdown>\n\t\t) : (\n\t\t\tcontent\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAsB,ynCCG5B,MAAMC,EAAiBC,EAAI,CAAC,0CAA2C,CACtEC,SAAU,CACTC,SAAU,CACTC,MAAO,YACPC,KAAM,S,MAUIC,EAAO,M,yBAIXC,iBAA6C,a,yBAOpCC,cAAgB,MAChBC,iBAAmB,MAEpC,iBAAAC,GACCC,KAAKC,oB,CAGN,mBAAAC,GACCF,KAAKG,e,CAGN,MAAAC,GACC,MAAMC,EAAUL,KAAKM,cAErB,OAAON,KAAKF,iBACXS,EACC,cAAAC,SAAS,WACTC,UAAWT,KAAKJ,iBAChBc,eAAgB,KAChBC,cAAe,MACfC,SAAUC,GAAOb,KAAKH,cAAgBgB,EAAGC,QAEzCP,EAAA,YACCQ,QAAQ,WACRC,QAAShB,KAAKH,cAAgB,KAAO,OACrCoB,OAAQjB,KAAKH,cACbqB,KAAK,UACLC,KAAK,KACLC,MAAM,UAELf,GAEFE,EAAK,OAAAW,KAAK,SACTX,EACC,QAAAc,KAAK,WACLC,aAAc,IAAMtB,KAAKC,yBAGf,C,CAOf,UAAAsB,GACCvB,KAAKC,oB,CAGE,kBAAAA,GACPD,KAAKF,mBAAqBE,KAAKwB,IAAIC,cAClC,8BAGD,IAAKzB,KAAKF,kBAAoBE,KAAKH,cAAe,CACjDG,KAAKH,cAAgB,K,EAIf,WAAAS,GACP,OACCC,EAAA,OACCa,MAAO/B,EAAe,CACrBG,SAAUQ,KAAKF,oBAGhBS,EAAM,QAAAc,KAAK,WACXd,EAAK,OAAAa,MAAM,4CACVb,EAAG,KAAAa,MAAM,+GACRb,EAAA,QAAMc,KAAK,WAEZd,EAAG,KAAAa,MAAM,6GACRb,EAAA,QAAMc,KAAK,eAIbd,EAAA,QAAMc,KAAK,e,CAKN,aAAAlB,GACP,MAAMuB,EAAS1B,KAAKwB,IAAIC,cACvB,2BAGD,IAAKC,EAAQ,CACZ,M,CAGDA,EAAOP,KAAOnB,KAAKF,iBAAmB,KAAO4B,EAAOP,I","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as e}from"./p-DhGo7hbh.js";import{c as i}from"./p-CBWjHURv.js";import{a}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";const n="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-\\[-1\\]{z-index:-1!important}.z-\\[1\\]{z-index:1!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[5\\/1\\]{aspect-ratio:5/1!important}.h-8{height:2rem!important}.h-full{height:100%!important}.max-h-\\[6\\.25rem\\]{max-height:6.25rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.max-w-full{max-width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important}.pt-3,.py-3{padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}";const o=i("inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative",{variants:{variant:{default:"px-4",curve:"aspect-[5/1] max-h-[6.25rem]"}}});const r=i("flex items-center gap-2",{variants:{variant:{default:"py-3",curve:"px-4 pt-3"}}});const p=i("h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500");const s=class{constructor(e){t(this,e)}variant="default";header;icon;iconFlip;iconRotate;divider=true;render(){return e("div",{key:"4554cdeafd32e924bacd8fd1df191a692f86fe96",class:o({variant:this.variant})},e("div",{key:"ba51a8681c36a99ee7b4569a2fb8fae8ed2a0c4f",class:r({variant:this.variant})},this.icon?e("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}):e("slot",{name:"prefix"}),e("div",{key:"dfd7ce66d643782341eff00f4c87d2d39942e8f4",class:p()},e("span",{key:"ef07ff3b60ea170d7fcb7043193d7669b7dcfc79",class:"max-w-full overflow-hidden text-ellipsis"},this.header?.length?this.header:e("slot",null)),e("slot",{key:"39b8d0aeaeed7c616f42025803e5483c47b99a21",name:"content-suffix"})),e("div",{key:"92d9551e69fa2d46b30c93150e775a5292877dc7",class:"ml-auto flex items-center justify-end gap-4 empty:hidden"},e("slot",{key:"1cafae10e832aee07ead410af8c2fb3bb789c674",name:"suffix"}))),this.variant==="default"?a(this.divider)&&e("p-divider",null):e("div",{class:"pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl"},e("p-smile",{variant:"card"})))}};s.style=n;export{s as p_card_header};
|
|
2
|
+
//# sourceMappingURL=p-827b1bd0.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cardHeaderComponentCss","header","cva","variants","variant","default","curve","content","title","CardHeader","icon","iconFlip","iconRotate","divider","render","h","key","class","this","flip","rotate","name","length","asBoolean"],"sources":["src/components/atoms/card/header/card-header.component.css?tag=p-card-header&encapsulation=shadow","src/components/atoms/card/header/card-header.component.tsx"],"sourcesContent":[null,"import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst header = cva(\n\t'inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'px-4',\n\t\t\t\tcurve: 'aspect-[5/1] max-h-[6.25rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst content = cva('flex items-center gap-2', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'py-3',\n\t\t\tcurve: 'px-4 pt-3',\n\t\t},\n\t},\n});\nconst title = cva(\n\t'h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500'\n);\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.css',\n\tshadow: true,\n})\nexport class CardHeader {\n\t/**\n\t * The variant of the card header\n\t */\n\t@Prop() variant: 'default' | 'curve' = 'default';\n\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether to show the divider\n\t */\n\t@Prop() divider = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={header({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={content({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon ? (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot name='prefix' />\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<span class='max-w-full overflow-hidden text-ellipsis'>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='ml-auto flex items-center justify-end gap-4 empty:hidden'>\n\t\t\t\t\t\t<slot name='suffix' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\tasBoolean(this.divider) && <p-divider />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl'>\n\t\t\t\t\t\t<p-smile variant='card' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"sIAAA,MAAMA,EAAyB,k8CCU/B,MAAMC,EAASC,EACd,kFACA,CACCC,SAAU,CACTC,QAAS,CACRC,QAAS,OACTC,MAAO,mCAMX,MAAMC,EAAUL,EAAI,0BAA2B,CAC9CC,SAAU,CACTC,QAAS,CACRC,QAAS,OACTC,MAAO,gBAIV,MAAME,EAAQN,EACb,wE,MAQYO,EAAU,M,yBAIdL,QAA+B,UAK/BH,OAKAS,KAKAC,SAKAC,WAKAC,QAAU,KAElB,MAAAC,GACC,OACCC,EAAA,OAAAC,IAAA,2CACCC,MAAOhB,EAAO,CACbG,QAASc,KAAKd,WAGfW,EACC,OAAAC,IAAA,2CAAAC,MAAOV,EAAQ,CACdH,QAASc,KAAKd,WAGdc,KAAKR,KACLK,EAAA,UACCX,QAASc,KAAKR,KACdS,KAAMD,KAAKP,SACXS,OAAQF,KAAKN,aAGdG,EAAM,QAAAM,KAAK,WAGZN,EAAK,OAAAC,IAAA,2CAAAC,MAAOT,KACXO,EAAA,QAAAC,IAAA,2CAAMC,MAAM,4CACVC,KAAKjB,QAAQqB,OAASJ,KAAKjB,OAASc,EAAA,cAGtCA,EAAA,QAAAC,IAAA,2CAAMK,KAAK,oBAGZN,EAAK,OAAAC,IAAA,2CAAAC,MAAM,4DACVF,EAAA,QAAAC,IAAA,2CAAMK,KAAK,aAIZH,KAAKd,UAAY,UACjBmB,EAAUL,KAAKL,UAAYE,EAAa,kBAExCA,EAAA,OAAKE,MAAM,gGACVF,EAAS,WAAAX,QAAQ,U","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-card-header.entry.esm.js","sources":["src/components/atoms/card/header/card-header.component.css?tag=p-card-header&encapsulation=shadow","src/components/atoms/card/header/card-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst header = cva(\n\t'inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'px-4',\n\t\t\t\tcurve: 'aspect-[5/1] max-h-[6.25rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst content = cva('flex items-center gap-2', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'py-3',\n\t\t\tcurve: 'px-4 pt-3',\n\t\t},\n\t},\n});\nconst title = cva('h-8 flex items-center font-bold text-sm gap-2 min-w-0');\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.css',\n\tshadow: true,\n})\nexport class CardHeader {\n\t/**\n\t * The variant of the card header\n\t */\n\t@Prop() variant: 'default' | 'curve' = 'default';\n\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether to show the divider\n\t */\n\t@Prop() divider = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={header({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={content({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon ? (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot name='prefix' />\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<span class='max-w-full overflow-hidden text-ellipsis'>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='ml-auto flex items-center justify-end gap-4 empty:hidden'>\n\t\t\t\t\t\t<slot name='suffix' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\tasBoolean(this.divider) && <p-divider />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl'>\n\t\t\t\t\t\t<p-smile variant='card' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;AAAA,MAAM,sBAAsB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-card-header.entry.esm.js","sources":["src/components/atoms/card/header/card-header.component.css?tag=p-card-header&encapsulation=shadow","src/components/atoms/card/header/card-header.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nimport { RotateOptions } from '../../../../types/tailwind';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n} from '../../../atoms/icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst header = cva(\n\t'inline-flex w-full relative flex-col justify-start z-[1] rounded-t-2xl relative',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'px-4',\n\t\t\t\tcurve: 'aspect-[5/1] max-h-[6.25rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst content = cva('flex items-center gap-2', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: 'py-3',\n\t\t\tcurve: 'px-4 pt-3',\n\t\t},\n\t},\n});\nconst title = cva(\n\t'h-8 flex items-center font-bold text-sm gap-2 min-w-0 text-storm-500'\n);\n\n@Component({\n\ttag: 'p-card-header',\n\tstyleUrl: 'card-header.component.css',\n\tshadow: true,\n})\nexport class CardHeader {\n\t/**\n\t * The variant of the card header\n\t */\n\t@Prop() variant: 'default' | 'curve' = 'default';\n\n\t/**\n\t * Content of the card header\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon?: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip?: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate?: RotateOptions;\n\n\t/**\n\t * Wether to show the divider\n\t */\n\t@Prop() divider = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={header({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={content({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon ? (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot name='prefix' />\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<span class='max-w-full overflow-hidden text-ellipsis'>\n\t\t\t\t\t\t\t{this.header?.length ? this.header : <slot />}\n\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t<slot name='content-suffix' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='ml-auto flex items-center justify-end gap-4 empty:hidden'>\n\t\t\t\t\t\t<slot name='suffix' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\tasBoolean(this.divider) && <p-divider />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full overflow-hidden rounded-t-2xl'>\n\t\t\t\t\t\t<p-smile variant='card' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;AAAA,MAAM,sBAAsB,GAAG,i8CAAi8C;;ACUh+C,MAAM,MAAM,GAAG,GAAG,CACjB,iFAAiF,EACjF;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,8BAA8B;AACrC,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,OAAO,GAAG,GAAG,CAAC,yBAAyB,EAAE;AAC9C,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,WAAW;AAClB,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AACF,MAAM,KAAK,GAAG,GAAG,CAChB,sEAAsE,CACtE;MAOY,UAAU,GAAA,MAAA;;;;AACtB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,OAAO,GAAG,IAAI;IAEtB,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,MAAM,CAAC;gBACb,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,IACT,CAAA,CAAA,QAAA,EAAA,EACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,KAEF,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,GAAG,CACtB,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,0CAA0C,IACpD,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,eAAQ,CACvC,EAEP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAG,CACzB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0DAA0D,EAAA,EACpE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACjB,CACD,EAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAa,CAAA,WAAA,EAAA,IAAA,CAAA,KAExC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,8FAA8F,EAAA,EACxG,CAAS,CAAA,SAAA,EAAA,EAAA,OAAO,EAAC,MAAM,EAAA,CAAG,CACrB,CACN,CACI;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-profile.entry.esm.js","sources":["src/components/molecules/profile/profile.component.css?tag=p-profile&encapsulation=shadow","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["","import { Component, Element, h, Listen, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n\tshadow: true,\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn this._hasDropdownSlot ? (\n\t\t\t<p-dropdown\n\t\t\t\tstrategy='absolute'\n\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\tapplyFullWidth={true}\n\t\t\t\tapplyMaxWidth={false}\n\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t>\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tsize='lg'\n\t\t\t\t\tclass='w-full'\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</p-button>\n\t\t\t\t<div slot='items'>\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</p-dropdown>\n\t\t) : (\n\t\t\tcontent\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-profile.entry.esm.js","sources":["src/components/molecules/profile/profile.component.css?tag=p-profile&encapsulation=shadow","src/components/molecules/profile/profile.component.tsx"],"sourcesContent":["","import { Component, Element, h, Listen, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst profileContent = cva(['flex gap-2 items-center flex-1 min-w-0'], {\n\tvariants: {\n\t\tdropdown: {\n\t\t\tfalse: 'h-10 py-1',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-profile',\n\tstyleUrl: 'profile.component.css',\n\tshadow: true,\n})\nexport class Profile {\n\t/**\n\t * The position of the dropdown\n\t */\n\t@Prop() dropdownLocation: 'top-end' | 'bottom-end' = 'bottom-end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _dropdownOpen = false;\n\t@State() private _hasDropdownSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._updateAvatar();\n\t}\n\n\trender() {\n\t\tconst content = this._getContent();\n\n\t\treturn this._hasDropdownSlot ? (\n\t\t\t<p-dropdown\n\t\t\t\tstrategy='absolute'\n\t\t\t\tplacement={this.dropdownLocation}\n\t\t\t\tapplyFullWidth={true}\n\t\t\t\tapplyMaxWidth={false}\n\t\t\t\tonIsOpen={ev => (this._dropdownOpen = ev.detail)}\n\t\t\t>\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='dropdown'\n\t\t\t\t\tchevron={this._dropdownOpen ? 'up' : 'down'}\n\t\t\t\t\tactive={this._dropdownOpen}\n\t\t\t\t\tslot='trigger'\n\t\t\t\t\tsize='lg'\n\t\t\t\t\tclass='w-full'\n\t\t\t\t>\n\t\t\t\t\t{content}\n\t\t\t\t</p-button>\n\t\t\t\t<div slot='items'>\n\t\t\t\t\t<slot\n\t\t\t\t\t\tname='dropdown'\n\t\t\t\t\t\tonSlotchange={() => this._checkDropdownSlot()}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</p-dropdown>\n\t\t) : (\n\t\t\tcontent\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkDropdownSlot();\n\t}\n\n\tprivate _checkDropdownSlot() {\n\t\tthis._hasDropdownSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"dropdown\"]'\n\t\t);\n\n\t\tif (!this._hasDropdownSlot && this._dropdownOpen) {\n\t\t\tthis._dropdownOpen = false;\n\t\t}\n\t}\n\n\tprivate _getContent() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={profileContent({\n\t\t\t\t\tdropdown: this._hasDropdownSlot,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot name='avatar' />\n\t\t\t\t<div class='flex min-w-0 flex-1 flex-col items-start'>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500'>\n\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class='my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400'>\n\t\t\t\t\t\t<slot name='subtitle' />\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t<slot name='post-title' />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _updateAvatar() {\n\t\tconst avatar = this._el.querySelector(\n\t\t\t'p-avatar[slot=\"avatar\"]'\n\t\t) as HTMLPAvatarElement;\n\n\t\tif (!avatar) {\n\t\t\treturn;\n\t\t}\n\n\t\tavatar.size = this._hasDropdownSlot ? 'sm' : avatar.size;\n\t}\n}\n"],"names":[],"mappings":"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"}
|