npm - @mhmo91/schmancy - Versions diffs - 0.5.22 → 0.5.23 - Mend

@mhmo91/schmancy 0.5.22 → 0.5.23

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

Files changed (349) hide show

package/dist/badge.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-QYDHa7s3.cjs");Object.defineProperty(exports,"ScBadgeV2",{enumerable:!0,get:()=>e.ScBadgeV2}),Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>e.SchmancyBadgeV2});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-lHK31d6x.cjs");Object.defineProperty(exports,"ScBadgeV2",{enumerable:!0,get:()=>e.ScBadgeV2}),Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>e.SchmancyBadgeV2});
 //# sourceMappingURL=badge.cjs.map

package/dist/badge.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { a as e, S } from "./avatar-39MTGkwX.js";
+import { a as e, S } from "./avatar-BbJkXEbj.js";
 export {
   e as ScBadgeV2,
   S as SchmancyBadgeV2

package/dist/{boat-DP98_5qG.cjs → boat-BdZ8qIVE.cjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";const n=require("lit"),c=require("lit/decorators.js"),m=require("lit/directives/when.js"),d=require("./tailwind.mixin-ChrVaJHF.cjs");var h=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(a,t,i,s)=>{for(var r,e=s>1?void 0:s?p(t,i):t,o=a.length-1;o>=0;o--)(r=a[o])&&(e=(s?r(t,i,e):r(e))||e);return s&&e&&h(t,i,e),e};exports.SchmancyBoat=class extends d.TailwindElement(n.css`
+"use strict";const n=require("lit"),c=require("lit/decorators.js"),m=require("lit/directives/when.js"),d=require("./tailwind.mixin-x6_PgjK6.cjs");var h=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(a,t,i,s)=>{for(var r,e=s>1?void 0:s?p(t,i):t,o=a.length-1;o>=0;o--)(r=a[o])&&(e=(s?r(t,i,e):r(e))||e);return s&&e&&h(t,i,e),e};exports.SchmancyBoat=class extends d.TailwindElement(n.css`
     @media (min-width: 1024px) {
         .translate-y-full-minus-64 {
             /* translate to left 0 */
@@ -67,4 +67,4 @@
                 </schmancy-surface>
             </div>
         `}},l([c.property({type:String,reflect:!0})],exports.SchmancyBoat.prototype,"state",2),exports.SchmancyBoat=l([c.customElement("schmancy-boat")],exports.SchmancyBoat);
-//# sourceMappingURL=boat-DP98_5qG.cjs.map
+//# sourceMappingURL=boat-BdZ8qIVE.cjs.map

package/dist/{boat-DP98_5qG.cjs.map → boat-BdZ8qIVE.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"boat-~~DP98_5qG~~.cjs","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' \| 'minimized' \| 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n @media (min-width: 1024px) {\n .translate-y-full-minus-64 {\n /* translate to left 0 /\n transform: translateY(calc(100% - 64px)) !important;\n }\n }\n @media (max-width: 1024px) {\n .translate-y-full-minus-64 {\n / translate to left 0 */\n transform: translateY(calc(100% - 64px)) !important;\n }\n }\n\n .translate-y-full-minus-64 {\n transform: translateY(calc(100% - 64px)) !important;\n -webkit-transform: translateY(calc(100% - 64px)) !important;\n }\n\n .translate-y-full {\n transform: translateY(100%) !important;\n -webkit-transform: translateY(100%) !important;\n }\n\n .translate-y-0 {\n transform: translateY(0) !important;\n -webkit-transform: translateY(0) !important;\n }\n`) {\n @property({\n type: String,\n reflect: true,\n })\n state: BoatState = 'hidden'\n\n toggleState() {\n this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }\n\n protected render(): unknown {\n const classes = {\n 'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n true,\n 'translate-y-full-minus-64': this.state === 'minimized',\n 'translate-y-full': this.state === 'hidden',\n 'translate-y-0': this.state === 'expanded',\n }\n return html`\n <div class=\"${this.classMap(classes)}\">\n <section class=\"sticky top-0 z-10\">\n <schmancy-surface\n elevation=\"4\"\n class=\"cursor-pointer\"\n @click=${() => {\n this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }}\n rounded=\"top\"\n elevation=\"1\"\n type=\"containerLowest\"\n >\n <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n <div class=\"flex-1 flex items-center\">\n <slot name=\"header\"></slot>\n </div>\n\n <div class=\"flex items-center gap-2\">\n <schmancy-icon-button\n variant=\"filled tonal\"\n @click=${(e: Event) => {\n e.preventDefault()\n e.stopPropagation()\n this.toggleState()\n }}\n title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n >\n ${when(\n this.state === 'minimized',\n () => html`expand`,\n () => html`minimize`,\n )}\n </schmancy-icon-button>\n \n <schmancy-icon-button\n variant=\"text\"\n @click=${(e: Event) => {\n e.preventDefault()\n e.stopPropagation()\n this.state = 'hidden'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }}\n title=\"Close\"\n >\n close\n </schmancy-icon-button>\n </div>\n </div>\n </schmancy-surface>\n </section>\n <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n <slot></slot>\n </schmancy-surface>\n </div>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'schmancy-boat': SchmancyBoat\n }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","render","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":"kVAQqBA,QAAAA,aAArB,cAA0CC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAA1D,aAAAC,CAAAC,SAAAC,SAAAA,EAiCIC,KAAAC,MAAmB,QAAA,CAEnB,aAAAC,CACIF,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,WACAC,SAAAA,EAAU,CAAA,CAAA,CAGtB,CAEU,QAAAC,CACN,MAAMC,EAAU,CACZ,kMAAA,GAEA,4BAA6BT,KAAKC,QAAU,YAC5C,mBAAoBD,KAAKC,QAAU,SACnC,gBAAiBD,KAAKC,QAAU,UAAVA,EAE1B,OAAOS,EAAAA;AAAAA,0BACWV,KAAKW,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,IAAA,CACLT,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAK,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,gBAAAA,EACFd,KAAKE,YAAAA,CAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,QAAU,YAAc,SAAW,UAAA;AAAA;AAAA,sCAE9Cc,EAAAA,KACEf,KAAKC,QAAU,YACf,IAAMS,EAAAA,aACN,IAAMA,EAAAA,cAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,kBACFd,KAAKC,MAAQ,SACbD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,QAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA,SAK7C,CAAA,EA1FAe,EAAA,CAJCC,WAAS,CACNC,KAAMC,OACNC,UAAS,CAAA,CAAA,EA/BI1B,qBAiCjB2B,UAAA,QAAA,GAjCiB3B,QAAAA,aAArBsB,EAAA,CADCM,EAAAA,cAAc,eAAA,CAAA,EACM5B"}
1	+ {"version":3,"file":"boat-BdZ8qIVE.cjs","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' \| 'minimized' \| 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n @media (min-width: 1024px) {\n .translate-y-full-minus-64 {\n /* translate to left 0 /\n transform: translateY(calc(100% - 64px)) !important;\n }\n }\n @media (max-width: 1024px) {\n .translate-y-full-minus-64 {\n / translate to left 0 */\n transform: translateY(calc(100% - 64px)) !important;\n }\n }\n\n .translate-y-full-minus-64 {\n transform: translateY(calc(100% - 64px)) !important;\n -webkit-transform: translateY(calc(100% - 64px)) !important;\n }\n\n .translate-y-full {\n transform: translateY(100%) !important;\n -webkit-transform: translateY(100%) !important;\n }\n\n .translate-y-0 {\n transform: translateY(0) !important;\n -webkit-transform: translateY(0) !important;\n }\n`) {\n @property({\n type: String,\n reflect: true,\n })\n state: BoatState = 'hidden'\n\n toggleState() {\n this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }\n\n protected render(): unknown {\n const classes = {\n 'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n true,\n 'translate-y-full-minus-64': this.state === 'minimized',\n 'translate-y-full': this.state === 'hidden',\n 'translate-y-0': this.state === 'expanded',\n }\n return html`\n <div class=\"${this.classMap(classes)}\">\n <section class=\"sticky top-0 z-10\">\n <schmancy-surface\n elevation=\"4\"\n class=\"cursor-pointer\"\n @click=${() => {\n this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }}\n rounded=\"top\"\n elevation=\"1\"\n type=\"containerLowest\"\n >\n <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n <div class=\"flex-1 flex items-center\">\n <slot name=\"header\"></slot>\n </div>\n\n <div class=\"flex items-center gap-2\">\n <schmancy-icon-button\n variant=\"filled tonal\"\n @click=${(e: Event) => {\n e.preventDefault()\n e.stopPropagation()\n this.toggleState()\n }}\n title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n >\n ${when(\n this.state === 'minimized',\n () => html`expand`,\n () => html`minimize`,\n )}\n </schmancy-icon-button>\n \n <schmancy-icon-button\n variant=\"text\"\n @click=${(e: Event) => {\n e.preventDefault()\n e.stopPropagation()\n this.state = 'hidden'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }}\n title=\"Close\"\n >\n close\n </schmancy-icon-button>\n </div>\n </div>\n </schmancy-surface>\n </section>\n <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n <slot></slot>\n </schmancy-surface>\n </div>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'schmancy-boat': SchmancyBoat\n }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","render","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":"kVAQqBA,QAAAA,aAArB,cAA0CC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAA1D,aAAAC,CAAAC,SAAAC,SAAAA,EAiCIC,KAAAC,MAAmB,QAAA,CAEnB,aAAAC,CACIF,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,WACAC,SAAAA,EAAU,CAAA,CAAA,CAGtB,CAEU,QAAAC,CACN,MAAMC,EAAU,CACZ,kMAAA,GAEA,4BAA6BT,KAAKC,QAAU,YAC5C,mBAAoBD,KAAKC,QAAU,SACnC,gBAAiBD,KAAKC,QAAU,UAAVA,EAE1B,OAAOS,EAAAA;AAAAA,0BACWV,KAAKW,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,IAAA,CACLT,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAK,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,gBAAAA,EACFd,KAAKE,YAAAA,CAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,QAAU,YAAc,SAAW,UAAA;AAAA;AAAA,sCAE9Cc,EAAAA,KACEf,KAAKC,QAAU,YACf,IAAMS,EAAAA,aACN,IAAMA,EAAAA,cAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,kBACFd,KAAKC,MAAQ,SACbD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,QAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA,SAK7C,CAAA,EA1FAe,EAAA,CAJCC,WAAS,CACNC,KAAMC,OACNC,UAAS,CAAA,CAAA,EA/BI1B,qBAiCjB2B,UAAA,QAAA,GAjCiB3B,QAAAA,aAArBsB,EAAA,CADCM,EAAAA,cAAc,eAAA,CAAA,EACM5B"}

package/dist/{boat-BdJ1jyK_.js → boat-Jju9mnxp.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { css as m, html as o } from "lit";
 import { property as d, customElement as p } from "lit/decorators.js";
 import { when as h } from "lit/directives/when.js";
-import { T as f } from "./tailwind.mixin-9XFzAXGw.js";
+import { T as f } from "./tailwind.mixin-CkQXl1kF.js";
 var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = (a, t, i, s) => {
   for (var n, e = s > 1 ? void 0 : s ? v(t, i) : t, r = a.length - 1; r >= 0; r--) (n = a[r]) && (e = (s ? n(t, i, e) : n(e)) || e);
   return s && e && u(t, i, e), e;
@@ -96,4 +96,4 @@ c([d({ type: String, reflect: !0 })], l.prototype, "state", 2), l = c([p("schman
 export {
   l as S
 };
-//# sourceMappingURL=boat-BdJ1jyK_.js.map
+//# sourceMappingURL=boat-Jju9mnxp.js.map

package/dist/{boat-BdJ1jyK_.js.map → boat-Jju9mnxp.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"boat-~~BdJ1jyK_~~.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' \| 'minimized' \| 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n @media (min-width: 1024px) {\n .translate-y-full-minus-64 {\n /* translate to left 0 /\n transform: translateY(calc(100% - 64px)) !important;\n }\n }\n @media (max-width: 1024px) {\n .translate-y-full-minus-64 {\n / translate to left 0 */\n transform: translateY(calc(100% - 64px)) !important;\n }\n }\n\n .translate-y-full-minus-64 {\n transform: translateY(calc(100% - 64px)) !important;\n -webkit-transform: translateY(calc(100% - 64px)) !important;\n }\n\n .translate-y-full {\n transform: translateY(100%) !important;\n -webkit-transform: translateY(100%) !important;\n }\n\n .translate-y-0 {\n transform: translateY(0) !important;\n -webkit-transform: translateY(0) !important;\n }\n`) {\n @property({\n type: String,\n reflect: true,\n })\n state: BoatState = 'hidden'\n\n toggleState() {\n this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }\n\n protected render(): unknown {\n const classes = {\n 'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n true,\n 'translate-y-full-minus-64': this.state === 'minimized',\n 'translate-y-full': this.state === 'hidden',\n 'translate-y-0': this.state === 'expanded',\n }\n return html`\n <div class=\"${this.classMap(classes)}\">\n <section class=\"sticky top-0 z-10\">\n <schmancy-surface\n elevation=\"4\"\n class=\"cursor-pointer\"\n @click=${() => {\n this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }}\n rounded=\"top\"\n elevation=\"1\"\n type=\"containerLowest\"\n >\n <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n <div class=\"flex-1 flex items-center\">\n <slot name=\"header\"></slot>\n </div>\n\n <div class=\"flex items-center gap-2\">\n <schmancy-icon-button\n variant=\"filled tonal\"\n @click=${(e: Event) => {\n e.preventDefault()\n e.stopPropagation()\n this.toggleState()\n }}\n title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n >\n ${when(\n this.state === 'minimized',\n () => html`expand`,\n () => html`minimize`,\n )}\n </schmancy-icon-button>\n \n <schmancy-icon-button\n variant=\"text\"\n @click=${(e: Event) => {\n e.preventDefault()\n e.stopPropagation()\n this.state = 'hidden'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }}\n title=\"Close\"\n >\n close\n </schmancy-icon-button>\n </div>\n </div>\n </schmancy-surface>\n </section>\n <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n <slot></slot>\n </schmancy-surface>\n </div>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'schmancy-boat': SchmancyBoat\n }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":";;;;;;;;AAQA,IAAqBA,IAArB,cAA0CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAA1D,cAAAC;AAAAC,aAAAC,SAAAA,GAiCIC,KAAAC,QAAmB;AAAA,EAAA;AAAA,EAEnB,cAAAC;AACIF,SAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,aACAC,UAAAA;EAGZ;AAAA,EAEU;AACN,UAAMC,IAAU,EACZ,mMAAA,IAEA,6BAA6BR,KAAKC,UAAU,aAC5C,oBAAoBD,KAAKC,UAAU,UACnC,iBAAiBD,KAAKC,UAAU,WAAVA;AAE1B,WAAOQ;AAAAA,0BACWT,KAAKU,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,MAAA;AACLR,WAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAI,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACFb,KAAKE,YAAAA;AAAAA,IAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,UAAU,cAAc,WAAW,UAAA;AAAA;AAAA,sCAE9Ca,EACEd,KAAKC,UAAU,aACf,MAAMQ,WACN,MAAMA,WAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,mBACFb,KAAKC,QAAQ,UACbD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,UAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAK7C;AAAA;AA1FAc,EAAA,CAJCC,EAAS,EACNC,MAAMC,QACNC,SAAAA,GAAS,CAAA,CAAA,GA/BIzB,EAiCjB0B,WAAA,SAAA,CAAA,GAjCiB1B,IAArBqB,EAAA,CADCM,EAAc,mBACM3B,CAAAA;"}
1	+ {"version":3,"file":"boat-Jju9mnxp.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' \| 'minimized' \| 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n @media (min-width: 1024px) {\n .translate-y-full-minus-64 {\n /* translate to left 0 /\n transform: translateY(calc(100% - 64px)) !important;\n }\n }\n @media (max-width: 1024px) {\n .translate-y-full-minus-64 {\n / translate to left 0 */\n transform: translateY(calc(100% - 64px)) !important;\n }\n }\n\n .translate-y-full-minus-64 {\n transform: translateY(calc(100% - 64px)) !important;\n -webkit-transform: translateY(calc(100% - 64px)) !important;\n }\n\n .translate-y-full {\n transform: translateY(100%) !important;\n -webkit-transform: translateY(100%) !important;\n }\n\n .translate-y-0 {\n transform: translateY(0) !important;\n -webkit-transform: translateY(0) !important;\n }\n`) {\n @property({\n type: String,\n reflect: true,\n })\n state: BoatState = 'hidden'\n\n toggleState() {\n this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }\n\n protected render(): unknown {\n const classes = {\n 'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n true,\n 'translate-y-full-minus-64': this.state === 'minimized',\n 'translate-y-full': this.state === 'hidden',\n 'translate-y-0': this.state === 'expanded',\n }\n return html`\n <div class=\"${this.classMap(classes)}\">\n <section class=\"sticky top-0 z-10\">\n <schmancy-surface\n elevation=\"4\"\n class=\"cursor-pointer\"\n @click=${() => {\n this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }}\n rounded=\"top\"\n elevation=\"1\"\n type=\"containerLowest\"\n >\n <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n <div class=\"flex-1 flex items-center\">\n <slot name=\"header\"></slot>\n </div>\n\n <div class=\"flex items-center gap-2\">\n <schmancy-icon-button\n variant=\"filled tonal\"\n @click=${(e: Event) => {\n e.preventDefault()\n e.stopPropagation()\n this.toggleState()\n }}\n title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n >\n ${when(\n this.state === 'minimized',\n () => html`expand`,\n () => html`minimize`,\n )}\n </schmancy-icon-button>\n \n <schmancy-icon-button\n variant=\"text\"\n @click=${(e: Event) => {\n e.preventDefault()\n e.stopPropagation()\n this.state = 'hidden'\n this.dispatchEvent(\n new CustomEvent('change', {\n detail: this.state,\n bubbles: true,\n composed: true,\n }),\n )\n }}\n title=\"Close\"\n >\n close\n </schmancy-icon-button>\n </div>\n </div>\n </schmancy-surface>\n </section>\n <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n <slot></slot>\n </schmancy-surface>\n </div>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'schmancy-boat': SchmancyBoat\n }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":";;;;;;;;AAQA,IAAqBA,IAArB,cAA0CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAA1D,cAAAC;AAAAC,aAAAC,SAAAA,GAiCIC,KAAAC,QAAmB;AAAA,EAAA;AAAA,EAEnB,cAAAC;AACIF,SAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,aACAC,UAAAA;EAGZ;AAAA,EAEU;AACN,UAAMC,IAAU,EACZ,mMAAA,IAEA,6BAA6BR,KAAKC,UAAU,aAC5C,oBAAoBD,KAAKC,UAAU,UACnC,iBAAiBD,KAAKC,UAAU,WAAVA;AAE1B,WAAOQ;AAAAA,0BACWT,KAAKU,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,MAAA;AACLR,WAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAI,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACFb,KAAKE,YAAAA;AAAAA,IAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,UAAU,cAAc,WAAW,UAAA;AAAA;AAAA,sCAE9Ca,EACEd,KAAKC,UAAU,aACf,MAAMQ,WACN,MAAMA,WAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,mBACFb,KAAKC,QAAQ,UACbD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,UAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAK7C;AAAA;AA1FAc,EAAA,CAJCC,EAAS,EACNC,MAAMC,QACNC,SAAAA,GAAS,CAAA,CAAA,GA/BIzB,EAiCjB0B,WAAA,SAAA,CAAA,GAjCiB1B,IAArBqB,EAAA,CADCM,EAAc,mBACM3B,CAAAA;"}

package/dist/boat.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./boat-DP98_5qG.cjs");Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>e.SchmancyBoat});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./boat-BdZ8qIVE.cjs");Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>e.SchmancyBoat});
 //# sourceMappingURL=boat.cjs.map

package/dist/boat.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as c } from "./boat-BdJ1jyK_.js";
+import { S as c } from "./boat-Jju9mnxp.js";
 export {
   c as SchmancyBoat
 };

package/dist/busy.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require("./spinner-CiRbCC74.cjs");
+"use strict";require("./spinner-BIE4wGt6.cjs");
 //# sourceMappingURL=busy.cjs.map

package/dist/busy.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import "./spinner-DZ3oE5cQ.js";
+import "./spinner-Bj60gT3J.js";
 //# sourceMappingURL=busy.js.map

package/dist/button.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon-button-C5hq1cKD.cjs");Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>e.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>e.SchmnacyIconButton});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./icon-button-CAUrSeGm.cjs");Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>e.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>e.SchmnacyIconButton});
 //# sourceMappingURL=button.cjs.map

package/dist/button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as n, a as o } from "./icon-button-DsjqusZz.js";
+import { S as n, a as o } from "./icon-button-CU2UDZR7.js";
 export {
   n as SchmancyButton,
   o as SchmnacyIconButton

package/dist/card.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require("./media-CPIoKlRw.cjs");
+"use strict";require("./media-CTAUAb26.cjs");
 //# sourceMappingURL=card.cjs.map

package/dist/card.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import "./media-CA52MXd3.js";
+import "./media-DQi9RiAW.js";
 //# sourceMappingURL=card.js.map