funnel-gfx-wc 0.1.133 → 0.1.135
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/dist/cjs/funnel-app.cjs.entry.js +1 -1
- package/dist/collection/styles/shadow.css +1 -1
- package/dist/collection/tokens.css +1 -1
- package/dist/esm/funnel-app.entry.js +1 -1
- package/dist/funnel-gfx-wc/funnel-gfx-wc.esm.js +1 -1
- package/dist/funnel-gfx-wc/{p-cf9914a1.entry.js → p-fbb282dd.entry.js} +1 -1
- package/dist/funnel-gfx-wc/tokens.css +1 -1
- package/package.json +1 -1
|
@@ -10383,7 +10383,7 @@ const Eswat2Io = _props => {
|
|
|
10383
10383
|
return (index.h("a", { class: "absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy", href: url, "aria-label": who, target: "blank", title: who }, index.h(Fingerprint, { label: "eswat2" })));
|
|
10384
10384
|
};
|
|
10385
10385
|
|
|
10386
|
-
const shadowCss = () => `/*! tailwindcss v4.1.
|
|
10386
|
+
const shadowCss = () => `/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
|
|
10387
10387
|
@layer properties;
|
|
10388
10388
|
@layer theme, base, components, utilities;
|
|
10389
10389
|
@layer theme {
|
|
@@ -10381,7 +10381,7 @@ const Eswat2Io = _props => {
|
|
|
10381
10381
|
return (h("a", { class: "absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy", href: url, "aria-label": who, target: "blank", title: who }, h(Fingerprint, { label: "eswat2" })));
|
|
10382
10382
|
};
|
|
10383
10383
|
|
|
10384
|
-
const shadowCss = () => `/*! tailwindcss v4.1.
|
|
10384
|
+
const shadowCss = () => `/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
|
|
10385
10385
|
@layer properties;
|
|
10386
10386
|
@layer theme, base, components, utilities;
|
|
10387
10387
|
@layer theme {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as t,B as n,c as a,w as e,N as r,H as i,b as o}from"./p-CQ7_4qF8.js";export{s as setNonce}from"./p-CQ7_4qF8.js";import{g as p}from"./p-DQuL1Twl.js";var
|
|
1
|
+
import{p as t,B as n,c as a,w as e,N as r,H as i,b as o}from"./p-CQ7_4qF8.js";export{s as setNonce}from"./p-CQ7_4qF8.js";import{g as p}from"./p-DQuL1Twl.js";var m=s=>{const t=s.cloneNode;s.cloneNode=function(s){if("TEMPLATE"===this.nodeName)return t.call(this,s);const n=t.call(this,!1),a=this.childNodes;if(s)for(let s=0;s<a.length;s++)2!==a[s].nodeType&&n.appendChild(a[s].cloneNode(!0));return n}};(()=>{n.isDev&&!n.isTesting&&a("Running in development mode."),n.cloneNodeFix&&m(i.prototype);const s=n.scriptDataOpts?e.document&&Array.from(e.document.querySelectorAll("script")).find((s=>new RegExp(`/${r}(\\.esm)?\\.js($|\\?|#)`).test(s.src)||s.getAttribute("data-stencil-namespace")===r)):null,o=import.meta.url,p=n.scriptDataOpts&&(s||{})["data-opts"]||{};return""!==o&&(p.resourcesUrl=new URL(".",o).href),t(p)})().then((async s=>(await p(),o([["p-fbb282dd",[[257,"funnel-app",{tag:[1]}]]]],s))));
|
|
@@ -190,4 +190,4 @@ import{h as t,S as s,r as i}from"./p-CQ7_4qF8.js";const e=s=>{const i=s.hex||"cu
|
|
|
190
190
|
* @version v4.2.2
|
|
191
191
|
* @license MIT
|
|
192
192
|
* @copyright 2025 - Julian Garnier
|
|
193
|
-
*/function hi(){if(ii)return F;ii=1;var t=ft(),s=St(),i=Rt(),e=zt(),n=Qt(),h=es(),r=rs(),o=ct(),l=ys(),a=Rs(),c=Zs(),u=ti(),f=ni(),d=cs(),p=ds(),g=vs(),v=ws(),m=Ht(),b=_t(),x=Ms(),w=Fs(),y=is(),$=K(),C=vt(),k=qt(),M=Os(),_=js(),S=Hs(),N=Gs(),T=Ks();return F.Timer=t.Timer,F.createTimer=t.createTimer,F.JSAnimation=s.JSAnimation,F.animate=s.animate,F.Timeline=i.Timeline,F.createTimeline=i.createTimeline,F.Animatable=e.Animatable,F.createAnimatable=e.createAnimatable,F.Draggable=n.Draggable,F.createDraggable=n.createDraggable,F.Scope=h.Scope,F.createScope=h.createScope,F.ScrollObserver=r.ScrollObserver,F.onScroll=r.onScroll,F.scrollContainers=r.scrollContainers,F.engine=o.engine,F.easings=l,F.utils=a,F.svg=c,F.text=u,F.WAAPIAnimation=f.WAAPIAnimation,F.waapi=f.waapi,F.cubicBezier=d.cubicBezier,F.steps=p.steps,F.linear=g.linear,F.irregular=v.irregular,F.Spring=m.Spring,F.createSpring=m.createSpring,F.spring=m.spring,F.eases=b.eases,F.clamp=x.clamp,F.damp=x.damp,F.degToRad=x.degToRad,F.lerp=x.lerp,F.mapRange=x.mapRange,F.padEnd=x.padEnd,F.padStart=x.padStart,F.radToDeg=x.radToDeg,F.round=x.round,F.roundPad=x.roundPad,F.snap=x.snap,F.wrap=x.wrap,F.createSeededRandom=w.createSeededRandom,F.random=w.random,F.randomPick=w.randomPick,F.shuffle=w.shuffle,F.keepTime=y.keepTime,F.sync=y.sync,F.cleanInlineStyles=$.cleanInlineStyles,F.$=C.registerTargets,F.get=k.get,F.remove=k.remove,F.set=k.set,F.stagger=M.stagger,F.createMotionPath=_.createMotionPath,F.createDrawable=S.createDrawable,F.morphTo=N.morphTo,F.TextSplitter=T.TextSplitter,F.split=T.split,F.splitText=T.splitText,F}var ri=hi();let oi,li=[];const ai=l("white"),ci=l("bada55");let ui,fi;const di=t=>{oi&&(ui&&ui.pause(),ui=ri.animate(oi,{fill:l(t),ease:"inOutCubic"}))},pi=t=>{oi&&(fi&&fi.pause(),fi=ri.animate(oi,{y:(s,i)=>li[i]*((100-t[i])/100),ease:"inOutCubic"}))},gi=()=>{const s=n.map((t=>(({id:t,height:s,width:i,x:e,y:n,drop:h})=>({id:t,height:s,width:i,x:e,y:n,maskId:`mask-${t}`,maskUri:`url('#mask-${t}')`,mask:`0.5,0.5,0.5,${s-.5},${i-.5},${s-h-.5},${i-.5},${h+.5}`,matrix:`matrix(1,0,0,1,${e},${n})`,points:`0,0,0,${s},${i},${s-h},${i},${h}`}))(t))),i="currentColor";return li=Array(s.length),oi=Array(s.length),t("div",{class:"funnel-gfx"},t("svg",{viewBox:"0 0 600 420"},t("desc",null,"Created with Snap"),t("defs",null,s.map((s=>t("mask",{id:s.maskId},t("polygon",{points:s.mask,fill:ai}))))),s.map(((s,e)=>{const{height:n,width:h,maskUri:r,matrix:o,points:l}=s;return li[e]=n,t("g",{transform:o},t("polygon",{points:l,fill:ai,stroke:i}),t("rect",{ref:t=>oi[e]=t,x:"0",y:n,width:h,height:n,mask:r,fill:ci,stroke:i}))}))))},vi=s=>{const i=s.hex||"currentColor",e=s.size||24;return t("svg",{class:s.class,width:e,height:e,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,s.label||"fingerprint"),t("g",{fill:i},t("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},mi="eswat2",bi=()=>t("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":mi,target:"blank",title:mi},t(vi,{label:"eswat2"})),xi=class{constructor(t){i(this,t),this.tag="funnel-app"}componentDidLoad(){m("pick",di),m("values",pi),x.initApp()}render(){return t("div",{key:"7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206",id:"app",class:"ds1-main relative"},t(bi,{key:"44437debf47c76557ac6a115eec78b43a0aa2648"}),t(gi,{key:"f0806a91f365823850ab6ccebbc1339c18dd46b1"}),t(k,{key:"bfe9dc2f232eac7142d416c2dff3e7d8522930b7",actions:x,state:v}),t(w,{key:"23836d760ccb38b898857abd205ae186d8f05242",actions:x,state:v}),t("hr",{key:"33eae1954a6b50e6a7b8c3124e92895114a8412d",class:"ml-0 mr-0"}),t(_,{key:"4d449b22dedd37ce95356c98b00d5137008b5345",state:v}))}};xi.style="/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --font-weight-bold: 700;\n }\n}\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .right-8 {\n right: calc(var(--spacing) * 8);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-5px {\n margin-top: 5px;\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-10px {\n margin-right: 10px;\n }\n .mb-10px {\n margin-bottom: 10px;\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)\n var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-gray {\n border-color: var(--clrs-gray, #aaaaaa);\n }\n .border-clrs-slate {\n border-color: var(--clrs-slate, #708090);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .bg-clrs-silver {\n background-color: var(--clrs-silver, #dddddd);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .hover:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .active:bg-clrs-gray {\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n }\n .active:text-clrs-navy {\n &:active {\n color: var(--clrs-navy, #001f3f);\n }\n }\n}\n@layer components {\n .ds1-main {\n display: flex;\n flex-direction: column;\n padding: calc(var(--spacing) * 4);\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .ds1-button {\n display: flex;\n align-items: center;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-slate, #708090);\n color: var(--clrs-white, #ffffff);\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n &:active {\n color: var(--clrs-navy, #001f3f);\n }\n }\n .funnel-gfx {\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-gray, #aaaaaa);\n background-color: var(--clrs-silver, #dddddd);\n stroke-width: 1;\n }\n}\n.data-button {\n border-radius: 5px;\n border-width: 1px;\n padding: 5px;\n margin: 0px;\n margin-right: 5px;\n cursor: pointer;\n}\n.funnel-gfx {\n width: calc(100% - 20px);\n height: 100%;\n padding: 10px;\n padding-bottom: 7px;\n border-radius: 10px;\n border-width: 1px;\n}\n";export{xi as funnel_app}
|
|
193
|
+
*/function hi(){if(ii)return F;ii=1;var t=ft(),s=St(),i=Rt(),e=zt(),n=Qt(),h=es(),r=rs(),o=ct(),l=ys(),a=Rs(),c=Zs(),u=ti(),f=ni(),d=cs(),p=ds(),g=vs(),v=ws(),m=Ht(),b=_t(),x=Ms(),w=Fs(),y=is(),$=K(),C=vt(),k=qt(),M=Os(),_=js(),S=Hs(),N=Gs(),T=Ks();return F.Timer=t.Timer,F.createTimer=t.createTimer,F.JSAnimation=s.JSAnimation,F.animate=s.animate,F.Timeline=i.Timeline,F.createTimeline=i.createTimeline,F.Animatable=e.Animatable,F.createAnimatable=e.createAnimatable,F.Draggable=n.Draggable,F.createDraggable=n.createDraggable,F.Scope=h.Scope,F.createScope=h.createScope,F.ScrollObserver=r.ScrollObserver,F.onScroll=r.onScroll,F.scrollContainers=r.scrollContainers,F.engine=o.engine,F.easings=l,F.utils=a,F.svg=c,F.text=u,F.WAAPIAnimation=f.WAAPIAnimation,F.waapi=f.waapi,F.cubicBezier=d.cubicBezier,F.steps=p.steps,F.linear=g.linear,F.irregular=v.irregular,F.Spring=m.Spring,F.createSpring=m.createSpring,F.spring=m.spring,F.eases=b.eases,F.clamp=x.clamp,F.damp=x.damp,F.degToRad=x.degToRad,F.lerp=x.lerp,F.mapRange=x.mapRange,F.padEnd=x.padEnd,F.padStart=x.padStart,F.radToDeg=x.radToDeg,F.round=x.round,F.roundPad=x.roundPad,F.snap=x.snap,F.wrap=x.wrap,F.createSeededRandom=w.createSeededRandom,F.random=w.random,F.randomPick=w.randomPick,F.shuffle=w.shuffle,F.keepTime=y.keepTime,F.sync=y.sync,F.cleanInlineStyles=$.cleanInlineStyles,F.$=C.registerTargets,F.get=k.get,F.remove=k.remove,F.set=k.set,F.stagger=M.stagger,F.createMotionPath=_.createMotionPath,F.createDrawable=S.createDrawable,F.morphTo=N.morphTo,F.TextSplitter=T.TextSplitter,F.split=T.split,F.splitText=T.splitText,F}var ri=hi();let oi,li=[];const ai=l("white"),ci=l("bada55");let ui,fi;const di=t=>{oi&&(ui&&ui.pause(),ui=ri.animate(oi,{fill:l(t),ease:"inOutCubic"}))},pi=t=>{oi&&(fi&&fi.pause(),fi=ri.animate(oi,{y:(s,i)=>li[i]*((100-t[i])/100),ease:"inOutCubic"}))},gi=()=>{const s=n.map((t=>(({id:t,height:s,width:i,x:e,y:n,drop:h})=>({id:t,height:s,width:i,x:e,y:n,maskId:`mask-${t}`,maskUri:`url('#mask-${t}')`,mask:`0.5,0.5,0.5,${s-.5},${i-.5},${s-h-.5},${i-.5},${h+.5}`,matrix:`matrix(1,0,0,1,${e},${n})`,points:`0,0,0,${s},${i},${s-h},${i},${h}`}))(t))),i="currentColor";return li=Array(s.length),oi=Array(s.length),t("div",{class:"funnel-gfx"},t("svg",{viewBox:"0 0 600 420"},t("desc",null,"Created with Snap"),t("defs",null,s.map((s=>t("mask",{id:s.maskId},t("polygon",{points:s.mask,fill:ai}))))),s.map(((s,e)=>{const{height:n,width:h,maskUri:r,matrix:o,points:l}=s;return li[e]=n,t("g",{transform:o},t("polygon",{points:l,fill:ai,stroke:i}),t("rect",{ref:t=>oi[e]=t,x:"0",y:n,width:h,height:n,mask:r,fill:ci,stroke:i}))}))))},vi=s=>{const i=s.hex||"currentColor",e=s.size||24;return t("svg",{class:s.class,width:e,height:e,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,s.label||"fingerprint"),t("g",{fill:i},t("path",{d:"M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3\n 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97\n 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47\n 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47\n 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16\n 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03\n 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44\n 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23\n 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25\n 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74\n 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27\n 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69\n 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1\n 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24\n 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15\n 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79\n 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04\n 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1\n 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93\n 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96\n 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94\n 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95\n 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72\n 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6\n 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83\n 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62\n 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82\n 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16\n 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82\n 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59\n 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71\n 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96\n 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36\n 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},mi="eswat2",bi=()=>t("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":mi,target:"blank",title:mi},t(vi,{label:"eswat2"})),xi=class{constructor(t){i(this,t),this.tag="funnel-app"}componentDidLoad(){m("pick",di),m("values",pi),x.initApp()}render(){return t("div",{key:"7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206",id:"app",class:"ds1-main relative"},t(bi,{key:"44437debf47c76557ac6a115eec78b43a0aa2648"}),t(gi,{key:"f0806a91f365823850ab6ccebbc1339c18dd46b1"}),t(k,{key:"bfe9dc2f232eac7142d416c2dff3e7d8522930b7",actions:x,state:v}),t(w,{key:"23836d760ccb38b898857abd205ae186d8f05242",actions:x,state:v}),t("hr",{key:"33eae1954a6b50e6a7b8c3124e92895114a8412d",class:"ml-0 mr-0"}),t(_,{key:"4d449b22dedd37ce95356c98b00d5137008b5345",state:v}))}};xi.style="/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --font-weight-bold: 700;\n }\n}\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-8 {\n top: calc(var(--spacing) * 8);\n }\n .right-8 {\n right: calc(var(--spacing) * 8);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-5px {\n margin-top: 5px;\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-10px {\n margin-right: 10px;\n }\n .mb-10px {\n margin-bottom: 10px;\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)\n var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-gray {\n border-color: var(--clrs-gray, #aaaaaa);\n }\n .border-clrs-slate {\n border-color: var(--clrs-slate, #708090);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .bg-clrs-silver {\n background-color: var(--clrs-silver, #dddddd);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .hover:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .active:bg-clrs-gray {\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n }\n .active:text-clrs-navy {\n &:active {\n color: var(--clrs-navy, #001f3f);\n }\n }\n}\n@layer components {\n .ds1-main {\n display: flex;\n flex-direction: column;\n padding: calc(var(--spacing) * 4);\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .ds1-button {\n display: flex;\n align-items: center;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-slate, #708090);\n color: var(--clrs-white, #ffffff);\n &:active {\n background-color: var(--clrs-gray, #aaaaaa);\n }\n &:active {\n color: var(--clrs-navy, #001f3f);\n }\n }\n .funnel-gfx {\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-gray, #aaaaaa);\n background-color: var(--clrs-silver, #dddddd);\n stroke-width: 1;\n }\n}\n.data-button {\n border-radius: 5px;\n border-width: 1px;\n padding: 5px;\n margin: 0px;\n margin-right: 5px;\n cursor: pointer;\n}\n.funnel-gfx {\n width: calc(100% - 20px);\n height: 100%;\n padding: 10px;\n padding-bottom: 7px;\n border-radius: 10px;\n border-width: 1px;\n}\n";export{xi as funnel_app}
|