funnel-gfx-wc 0.1.127 → 0.1.129
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 +193 -3
- package/dist/cjs/funnel-gfx-wc.cjs.js +2 -2
- package/dist/cjs/{index-C7bIxnD-.js → index-CJmmK8iX.js} +8 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/esm/funnel-app.entry.js +193 -3
- package/dist/esm/funnel-gfx-wc.js +3 -3
- package/dist/esm/{index-aYvE8UX7.js → index-Tnvcatci.js} +8 -2
- package/dist/esm/loader.js +2 -2
- package/dist/funnel-gfx-wc/funnel-gfx-wc.esm.js +1 -1
- package/dist/funnel-gfx-wc/{p-0a69effc.entry.js → p-89dee5fa.entry.js} +18 -18
- package/dist/types/stencil-public-runtime.d.ts +43 -0
- package/package.json +3 -3
- /package/dist/funnel-gfx-wc/{p-aYvE8UX7.js → p-Tnvcatci.js} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CJmmK8iX.js');
|
|
4
4
|
|
|
5
5
|
const Radio = props => {
|
|
6
6
|
const hex = props.hex || 'currentColor';
|
|
@@ -10314,7 +10314,197 @@ const Eswat2Io = _props => {
|
|
|
10314
10314
|
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" })));
|
|
10315
10315
|
};
|
|
10316
10316
|
|
|
10317
|
-
const shadowCss =
|
|
10317
|
+
const shadowCss = () => `/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
10318
|
+
@layer properties;
|
|
10319
|
+
@layer theme, base, components, utilities;
|
|
10320
|
+
@layer theme {
|
|
10321
|
+
:root,
|
|
10322
|
+
:host {
|
|
10323
|
+
--font-sans:
|
|
10324
|
+
ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
|
|
10325
|
+
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
10326
|
+
--spacing: 0.25rem;
|
|
10327
|
+
--text-xs: 0.75rem;
|
|
10328
|
+
--text-xs--line-height: calc(1 / 0.75);
|
|
10329
|
+
--font-weight-bold: 700;
|
|
10330
|
+
}
|
|
10331
|
+
}
|
|
10332
|
+
@layer utilities {
|
|
10333
|
+
.absolute {
|
|
10334
|
+
position: absolute;
|
|
10335
|
+
}
|
|
10336
|
+
.relative {
|
|
10337
|
+
position: relative;
|
|
10338
|
+
}
|
|
10339
|
+
.top-8 {
|
|
10340
|
+
top: calc(var(--spacing) * 8);
|
|
10341
|
+
}
|
|
10342
|
+
.right-8 {
|
|
10343
|
+
right: calc(var(--spacing) * 8);
|
|
10344
|
+
}
|
|
10345
|
+
.mt-3 {
|
|
10346
|
+
margin-top: calc(var(--spacing) * 3);
|
|
10347
|
+
}
|
|
10348
|
+
.mt-5px {
|
|
10349
|
+
margin-top: 5px;
|
|
10350
|
+
}
|
|
10351
|
+
.mr-0 {
|
|
10352
|
+
margin-right: calc(var(--spacing) * 0);
|
|
10353
|
+
}
|
|
10354
|
+
.mr-10px {
|
|
10355
|
+
margin-right: 10px;
|
|
10356
|
+
}
|
|
10357
|
+
.mb-10px {
|
|
10358
|
+
margin-bottom: 10px;
|
|
10359
|
+
}
|
|
10360
|
+
.ml-0 {
|
|
10361
|
+
margin-left: calc(var(--spacing) * 0);
|
|
10362
|
+
}
|
|
10363
|
+
.ml-auto {
|
|
10364
|
+
margin-left: auto;
|
|
10365
|
+
}
|
|
10366
|
+
.flex {
|
|
10367
|
+
display: flex;
|
|
10368
|
+
}
|
|
10369
|
+
.transform {
|
|
10370
|
+
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
|
|
10371
|
+
var(--tw-skew-x,) var(--tw-skew-y,);
|
|
10372
|
+
}
|
|
10373
|
+
.flex-col {
|
|
10374
|
+
flex-direction: column;
|
|
10375
|
+
}
|
|
10376
|
+
.flex-wrap {
|
|
10377
|
+
flex-wrap: wrap;
|
|
10378
|
+
}
|
|
10379
|
+
.items-center {
|
|
10380
|
+
align-items: center;
|
|
10381
|
+
}
|
|
10382
|
+
.border-solid {
|
|
10383
|
+
--tw-border-style: solid;
|
|
10384
|
+
border-style: solid;
|
|
10385
|
+
}
|
|
10386
|
+
.border-clrs-gray {
|
|
10387
|
+
border-color: var(--clrs-gray, #aaaaaa);
|
|
10388
|
+
}
|
|
10389
|
+
.border-clrs-slate {
|
|
10390
|
+
border-color: var(--clrs-slate, #708090);
|
|
10391
|
+
}
|
|
10392
|
+
.bg-clrs-blue {
|
|
10393
|
+
background-color: var(--clrs-blue, #0074d9);
|
|
10394
|
+
}
|
|
10395
|
+
.bg-clrs-red {
|
|
10396
|
+
background-color: var(--clrs-red, #ff4136);
|
|
10397
|
+
}
|
|
10398
|
+
.bg-clrs-silver {
|
|
10399
|
+
background-color: var(--clrs-silver, #dddddd);
|
|
10400
|
+
}
|
|
10401
|
+
.p-4 {
|
|
10402
|
+
padding: calc(var(--spacing) * 4);
|
|
10403
|
+
}
|
|
10404
|
+
.align-top {
|
|
10405
|
+
vertical-align: top;
|
|
10406
|
+
}
|
|
10407
|
+
.font-sans {
|
|
10408
|
+
font-family: var(--font-sans);
|
|
10409
|
+
}
|
|
10410
|
+
.text-xs {
|
|
10411
|
+
font-size: var(--text-xs);
|
|
10412
|
+
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
10413
|
+
}
|
|
10414
|
+
.font-bold {
|
|
10415
|
+
--tw-font-weight: var(--font-weight-bold);
|
|
10416
|
+
font-weight: var(--font-weight-bold);
|
|
10417
|
+
}
|
|
10418
|
+
.text-clrs-gray {
|
|
10419
|
+
color: var(--clrs-gray, #aaaaaa);
|
|
10420
|
+
}
|
|
10421
|
+
.text-clrs-navy {
|
|
10422
|
+
color: var(--clrs-navy, #001f3f);
|
|
10423
|
+
}
|
|
10424
|
+
.text-clrs-slate4 {
|
|
10425
|
+
color: var(--clrs-slate4, #4e5964);
|
|
10426
|
+
}
|
|
10427
|
+
.text-clrs-white {
|
|
10428
|
+
color: var(--clrs-white, #ffffff);
|
|
10429
|
+
}
|
|
10430
|
+
.italic {
|
|
10431
|
+
font-style: italic;
|
|
10432
|
+
}
|
|
10433
|
+
.shadow {
|
|
10434
|
+
--tw-shadow:
|
|
10435
|
+
0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
|
|
10436
|
+
0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
10437
|
+
box-shadow:
|
|
10438
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
10439
|
+
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
10440
|
+
}
|
|
10441
|
+
.hover\:text-clrs-navy {
|
|
10442
|
+
&:hover {
|
|
10443
|
+
@media (hover: hover) {
|
|
10444
|
+
color: var(--clrs-navy, #001f3f);
|
|
10445
|
+
}
|
|
10446
|
+
}
|
|
10447
|
+
}
|
|
10448
|
+
.active\:bg-clrs-gray {
|
|
10449
|
+
&:active {
|
|
10450
|
+
background-color: var(--clrs-gray, #aaaaaa);
|
|
10451
|
+
}
|
|
10452
|
+
}
|
|
10453
|
+
.active\:text-clrs-navy {
|
|
10454
|
+
&:active {
|
|
10455
|
+
color: var(--clrs-navy, #001f3f);
|
|
10456
|
+
}
|
|
10457
|
+
}
|
|
10458
|
+
}
|
|
10459
|
+
@layer components {
|
|
10460
|
+
.ds1-main {
|
|
10461
|
+
display: flex;
|
|
10462
|
+
flex-direction: column;
|
|
10463
|
+
padding: calc(var(--spacing) * 4);
|
|
10464
|
+
font-family: var(--font-sans);
|
|
10465
|
+
color: var(--clrs-navy, #001f3f);
|
|
10466
|
+
-webkit-font-smoothing: antialiased;
|
|
10467
|
+
-moz-osx-font-smoothing: grayscale;
|
|
10468
|
+
}
|
|
10469
|
+
.ds1-button {
|
|
10470
|
+
display: flex;
|
|
10471
|
+
align-items: center;
|
|
10472
|
+
--tw-border-style: solid;
|
|
10473
|
+
border-style: solid;
|
|
10474
|
+
border-color: var(--clrs-slate, #708090);
|
|
10475
|
+
color: var(--clrs-white, #ffffff);
|
|
10476
|
+
&:active {
|
|
10477
|
+
background-color: var(--clrs-gray, #aaaaaa);
|
|
10478
|
+
}
|
|
10479
|
+
&:active {
|
|
10480
|
+
color: var(--clrs-navy, #001f3f);
|
|
10481
|
+
}
|
|
10482
|
+
}
|
|
10483
|
+
.funnel-gfx {
|
|
10484
|
+
--tw-border-style: solid;
|
|
10485
|
+
border-style: solid;
|
|
10486
|
+
border-color: var(--clrs-gray, #aaaaaa);
|
|
10487
|
+
background-color: var(--clrs-silver, #dddddd);
|
|
10488
|
+
stroke-width: 1;
|
|
10489
|
+
}
|
|
10490
|
+
}
|
|
10491
|
+
.data-button {
|
|
10492
|
+
border-radius: 5px;
|
|
10493
|
+
border-width: 1px;
|
|
10494
|
+
padding: 5px;
|
|
10495
|
+
margin: 0px;
|
|
10496
|
+
margin-right: 5px;
|
|
10497
|
+
cursor: pointer;
|
|
10498
|
+
}
|
|
10499
|
+
.funnel-gfx {
|
|
10500
|
+
width: calc(100% - 20px);
|
|
10501
|
+
height: 100%;
|
|
10502
|
+
padding: 10px;
|
|
10503
|
+
padding-bottom: 7px;
|
|
10504
|
+
border-radius: 10px;
|
|
10505
|
+
border-width: 1px;
|
|
10506
|
+
}
|
|
10507
|
+
`;
|
|
10318
10508
|
|
|
10319
10509
|
const FunnelApp = class {
|
|
10320
10510
|
constructor(hostRef) {
|
|
@@ -10330,6 +10520,6 @@ const FunnelApp = class {
|
|
|
10330
10520
|
return (index.h("div", { key: '7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206', id: "app", class: "ds1-main relative" }, index.h(Eswat2Io, { key: '44437debf47c76557ac6a115eec78b43a0aa2648' }), index.h(FunnelGfx, { key: 'f0806a91f365823850ab6ccebbc1339c18dd46b1' }), index.h(DataSource, { key: 'bfe9dc2f232eac7142d416c2dff3e7d8522930b7', actions: actions, state: state }), index.h(ColorPicker, { key: '23836d760ccb38b898857abd205ae186d8f05242', actions: actions, state: state }), index.h("hr", { key: '33eae1954a6b50e6a7b8c3124e92895114a8412d', class: "ml-0 mr-0" }), index.h(DataValues, { key: '4d449b22dedd37ce95356c98b00d5137008b5345', state: state })));
|
|
10331
10521
|
}
|
|
10332
10522
|
};
|
|
10333
|
-
FunnelApp.style = shadowCss;
|
|
10523
|
+
FunnelApp.style = shadowCss();
|
|
10334
10524
|
|
|
10335
10525
|
exports.funnel_app = FunnelApp;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-CJmmK8iX.js');
|
|
4
4
|
var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
5
5
|
|
|
6
6
|
var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Browser v4.
|
|
8
|
+
Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
var patchBrowser = () => {
|
|
@@ -4,7 +4,7 @@ const NAMESPACE = 'funnel-gfx-wc';
|
|
|
4
4
|
const BUILD = /* funnel-gfx-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, prop: true, propChangeCallback: false, updatable: true};
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
|
-
Stencil Client Platform v4.
|
|
7
|
+
Stencil Client Platform v4.39.0 | MIT Licensed | https://stenciljs.com
|
|
8
8
|
*/
|
|
9
9
|
var __defProp = Object.defineProperty;
|
|
10
10
|
var __export = (target, all) => {
|
|
@@ -380,6 +380,9 @@ var attachStyles = (hostRef) => {
|
|
|
380
380
|
};
|
|
381
381
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
382
382
|
var h = (nodeName, vnodeData, ...children) => {
|
|
383
|
+
if (typeof nodeName === "string") {
|
|
384
|
+
nodeName = transformTag(nodeName);
|
|
385
|
+
}
|
|
383
386
|
let child = null;
|
|
384
387
|
let key = null;
|
|
385
388
|
let simple = false;
|
|
@@ -1376,7 +1379,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1376
1379
|
{
|
|
1377
1380
|
cmpMeta.$members$ = compactMeta[2];
|
|
1378
1381
|
}
|
|
1379
|
-
const tagName = cmpMeta.$tagName
|
|
1382
|
+
const tagName = transformTag(cmpMeta.$tagName$);
|
|
1380
1383
|
const HostElement = class extends HTMLElement {
|
|
1381
1384
|
// StencilLazyHost
|
|
1382
1385
|
constructor(self) {
|
|
@@ -1477,6 +1480,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1477
1480
|
|
|
1478
1481
|
// src/runtime/nonce.ts
|
|
1479
1482
|
var setNonce = (nonce) => plt.$nonce$ = nonce;
|
|
1483
|
+
function transformTag(tag) {
|
|
1484
|
+
return tag;
|
|
1485
|
+
}
|
|
1480
1486
|
|
|
1481
1487
|
exports.bootstrapLazy = bootstrapLazy;
|
|
1482
1488
|
exports.forceUpdate = forceUpdate;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h, g as getRenderingRef, f as forceUpdate, r as registerInstance } from './index-
|
|
1
|
+
import { h, g as getRenderingRef, f as forceUpdate, r as registerInstance } from './index-Tnvcatci.js';
|
|
2
2
|
|
|
3
3
|
const Radio = props => {
|
|
4
4
|
const hex = props.hex || 'currentColor';
|
|
@@ -10312,7 +10312,197 @@ const Eswat2Io = _props => {
|
|
|
10312
10312
|
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" })));
|
|
10313
10313
|
};
|
|
10314
10314
|
|
|
10315
|
-
const shadowCss =
|
|
10315
|
+
const shadowCss = () => `/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
10316
|
+
@layer properties;
|
|
10317
|
+
@layer theme, base, components, utilities;
|
|
10318
|
+
@layer theme {
|
|
10319
|
+
:root,
|
|
10320
|
+
:host {
|
|
10321
|
+
--font-sans:
|
|
10322
|
+
ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
|
|
10323
|
+
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
10324
|
+
--spacing: 0.25rem;
|
|
10325
|
+
--text-xs: 0.75rem;
|
|
10326
|
+
--text-xs--line-height: calc(1 / 0.75);
|
|
10327
|
+
--font-weight-bold: 700;
|
|
10328
|
+
}
|
|
10329
|
+
}
|
|
10330
|
+
@layer utilities {
|
|
10331
|
+
.absolute {
|
|
10332
|
+
position: absolute;
|
|
10333
|
+
}
|
|
10334
|
+
.relative {
|
|
10335
|
+
position: relative;
|
|
10336
|
+
}
|
|
10337
|
+
.top-8 {
|
|
10338
|
+
top: calc(var(--spacing) * 8);
|
|
10339
|
+
}
|
|
10340
|
+
.right-8 {
|
|
10341
|
+
right: calc(var(--spacing) * 8);
|
|
10342
|
+
}
|
|
10343
|
+
.mt-3 {
|
|
10344
|
+
margin-top: calc(var(--spacing) * 3);
|
|
10345
|
+
}
|
|
10346
|
+
.mt-5px {
|
|
10347
|
+
margin-top: 5px;
|
|
10348
|
+
}
|
|
10349
|
+
.mr-0 {
|
|
10350
|
+
margin-right: calc(var(--spacing) * 0);
|
|
10351
|
+
}
|
|
10352
|
+
.mr-10px {
|
|
10353
|
+
margin-right: 10px;
|
|
10354
|
+
}
|
|
10355
|
+
.mb-10px {
|
|
10356
|
+
margin-bottom: 10px;
|
|
10357
|
+
}
|
|
10358
|
+
.ml-0 {
|
|
10359
|
+
margin-left: calc(var(--spacing) * 0);
|
|
10360
|
+
}
|
|
10361
|
+
.ml-auto {
|
|
10362
|
+
margin-left: auto;
|
|
10363
|
+
}
|
|
10364
|
+
.flex {
|
|
10365
|
+
display: flex;
|
|
10366
|
+
}
|
|
10367
|
+
.transform {
|
|
10368
|
+
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
|
|
10369
|
+
var(--tw-skew-x,) var(--tw-skew-y,);
|
|
10370
|
+
}
|
|
10371
|
+
.flex-col {
|
|
10372
|
+
flex-direction: column;
|
|
10373
|
+
}
|
|
10374
|
+
.flex-wrap {
|
|
10375
|
+
flex-wrap: wrap;
|
|
10376
|
+
}
|
|
10377
|
+
.items-center {
|
|
10378
|
+
align-items: center;
|
|
10379
|
+
}
|
|
10380
|
+
.border-solid {
|
|
10381
|
+
--tw-border-style: solid;
|
|
10382
|
+
border-style: solid;
|
|
10383
|
+
}
|
|
10384
|
+
.border-clrs-gray {
|
|
10385
|
+
border-color: var(--clrs-gray, #aaaaaa);
|
|
10386
|
+
}
|
|
10387
|
+
.border-clrs-slate {
|
|
10388
|
+
border-color: var(--clrs-slate, #708090);
|
|
10389
|
+
}
|
|
10390
|
+
.bg-clrs-blue {
|
|
10391
|
+
background-color: var(--clrs-blue, #0074d9);
|
|
10392
|
+
}
|
|
10393
|
+
.bg-clrs-red {
|
|
10394
|
+
background-color: var(--clrs-red, #ff4136);
|
|
10395
|
+
}
|
|
10396
|
+
.bg-clrs-silver {
|
|
10397
|
+
background-color: var(--clrs-silver, #dddddd);
|
|
10398
|
+
}
|
|
10399
|
+
.p-4 {
|
|
10400
|
+
padding: calc(var(--spacing) * 4);
|
|
10401
|
+
}
|
|
10402
|
+
.align-top {
|
|
10403
|
+
vertical-align: top;
|
|
10404
|
+
}
|
|
10405
|
+
.font-sans {
|
|
10406
|
+
font-family: var(--font-sans);
|
|
10407
|
+
}
|
|
10408
|
+
.text-xs {
|
|
10409
|
+
font-size: var(--text-xs);
|
|
10410
|
+
line-height: var(--tw-leading, var(--text-xs--line-height));
|
|
10411
|
+
}
|
|
10412
|
+
.font-bold {
|
|
10413
|
+
--tw-font-weight: var(--font-weight-bold);
|
|
10414
|
+
font-weight: var(--font-weight-bold);
|
|
10415
|
+
}
|
|
10416
|
+
.text-clrs-gray {
|
|
10417
|
+
color: var(--clrs-gray, #aaaaaa);
|
|
10418
|
+
}
|
|
10419
|
+
.text-clrs-navy {
|
|
10420
|
+
color: var(--clrs-navy, #001f3f);
|
|
10421
|
+
}
|
|
10422
|
+
.text-clrs-slate4 {
|
|
10423
|
+
color: var(--clrs-slate4, #4e5964);
|
|
10424
|
+
}
|
|
10425
|
+
.text-clrs-white {
|
|
10426
|
+
color: var(--clrs-white, #ffffff);
|
|
10427
|
+
}
|
|
10428
|
+
.italic {
|
|
10429
|
+
font-style: italic;
|
|
10430
|
+
}
|
|
10431
|
+
.shadow {
|
|
10432
|
+
--tw-shadow:
|
|
10433
|
+
0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
|
|
10434
|
+
0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
10435
|
+
box-shadow:
|
|
10436
|
+
var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
|
|
10437
|
+
var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
10438
|
+
}
|
|
10439
|
+
.hover\:text-clrs-navy {
|
|
10440
|
+
&:hover {
|
|
10441
|
+
@media (hover: hover) {
|
|
10442
|
+
color: var(--clrs-navy, #001f3f);
|
|
10443
|
+
}
|
|
10444
|
+
}
|
|
10445
|
+
}
|
|
10446
|
+
.active\:bg-clrs-gray {
|
|
10447
|
+
&:active {
|
|
10448
|
+
background-color: var(--clrs-gray, #aaaaaa);
|
|
10449
|
+
}
|
|
10450
|
+
}
|
|
10451
|
+
.active\:text-clrs-navy {
|
|
10452
|
+
&:active {
|
|
10453
|
+
color: var(--clrs-navy, #001f3f);
|
|
10454
|
+
}
|
|
10455
|
+
}
|
|
10456
|
+
}
|
|
10457
|
+
@layer components {
|
|
10458
|
+
.ds1-main {
|
|
10459
|
+
display: flex;
|
|
10460
|
+
flex-direction: column;
|
|
10461
|
+
padding: calc(var(--spacing) * 4);
|
|
10462
|
+
font-family: var(--font-sans);
|
|
10463
|
+
color: var(--clrs-navy, #001f3f);
|
|
10464
|
+
-webkit-font-smoothing: antialiased;
|
|
10465
|
+
-moz-osx-font-smoothing: grayscale;
|
|
10466
|
+
}
|
|
10467
|
+
.ds1-button {
|
|
10468
|
+
display: flex;
|
|
10469
|
+
align-items: center;
|
|
10470
|
+
--tw-border-style: solid;
|
|
10471
|
+
border-style: solid;
|
|
10472
|
+
border-color: var(--clrs-slate, #708090);
|
|
10473
|
+
color: var(--clrs-white, #ffffff);
|
|
10474
|
+
&:active {
|
|
10475
|
+
background-color: var(--clrs-gray, #aaaaaa);
|
|
10476
|
+
}
|
|
10477
|
+
&:active {
|
|
10478
|
+
color: var(--clrs-navy, #001f3f);
|
|
10479
|
+
}
|
|
10480
|
+
}
|
|
10481
|
+
.funnel-gfx {
|
|
10482
|
+
--tw-border-style: solid;
|
|
10483
|
+
border-style: solid;
|
|
10484
|
+
border-color: var(--clrs-gray, #aaaaaa);
|
|
10485
|
+
background-color: var(--clrs-silver, #dddddd);
|
|
10486
|
+
stroke-width: 1;
|
|
10487
|
+
}
|
|
10488
|
+
}
|
|
10489
|
+
.data-button {
|
|
10490
|
+
border-radius: 5px;
|
|
10491
|
+
border-width: 1px;
|
|
10492
|
+
padding: 5px;
|
|
10493
|
+
margin: 0px;
|
|
10494
|
+
margin-right: 5px;
|
|
10495
|
+
cursor: pointer;
|
|
10496
|
+
}
|
|
10497
|
+
.funnel-gfx {
|
|
10498
|
+
width: calc(100% - 20px);
|
|
10499
|
+
height: 100%;
|
|
10500
|
+
padding: 10px;
|
|
10501
|
+
padding-bottom: 7px;
|
|
10502
|
+
border-radius: 10px;
|
|
10503
|
+
border-width: 1px;
|
|
10504
|
+
}
|
|
10505
|
+
`;
|
|
10316
10506
|
|
|
10317
10507
|
const FunnelApp = class {
|
|
10318
10508
|
constructor(hostRef) {
|
|
@@ -10328,6 +10518,6 @@ const FunnelApp = class {
|
|
|
10328
10518
|
return (h("div", { key: '7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206', id: "app", class: "ds1-main relative" }, h(Eswat2Io, { key: '44437debf47c76557ac6a115eec78b43a0aa2648' }), h(FunnelGfx, { key: 'f0806a91f365823850ab6ccebbc1339c18dd46b1' }), h(DataSource, { key: 'bfe9dc2f232eac7142d416c2dff3e7d8522930b7', actions: actions, state: state }), h(ColorPicker, { key: '23836d760ccb38b898857abd205ae186d8f05242', actions: actions, state: state }), h("hr", { key: '33eae1954a6b50e6a7b8c3124e92895114a8412d', class: "ml-0 mr-0" }), h(DataValues, { key: '4d449b22dedd37ce95356c98b00d5137008b5345', state: state })));
|
|
10329
10519
|
}
|
|
10330
10520
|
};
|
|
10331
|
-
FunnelApp.style = shadowCss;
|
|
10521
|
+
FunnelApp.style = shadowCss();
|
|
10332
10522
|
|
|
10333
10523
|
export { FunnelApp as funnel_app };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-Tnvcatci.js';
|
|
2
|
+
export { s as setNonce } from './index-Tnvcatci.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.
|
|
6
|
+
Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
var patchBrowser = () => {
|
|
@@ -2,7 +2,7 @@ const NAMESPACE = 'funnel-gfx-wc';
|
|
|
2
2
|
const BUILD = /* funnel-gfx-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, prop: true, propChangeCallback: false, updatable: true};
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.39.0 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
@@ -378,6 +378,9 @@ var attachStyles = (hostRef) => {
|
|
|
378
378
|
};
|
|
379
379
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
380
380
|
var h = (nodeName, vnodeData, ...children) => {
|
|
381
|
+
if (typeof nodeName === "string") {
|
|
382
|
+
nodeName = transformTag(nodeName);
|
|
383
|
+
}
|
|
381
384
|
let child = null;
|
|
382
385
|
let key = null;
|
|
383
386
|
let simple = false;
|
|
@@ -1374,7 +1377,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1374
1377
|
{
|
|
1375
1378
|
cmpMeta.$members$ = compactMeta[2];
|
|
1376
1379
|
}
|
|
1377
|
-
const tagName = cmpMeta.$tagName
|
|
1380
|
+
const tagName = transformTag(cmpMeta.$tagName$);
|
|
1378
1381
|
const HostElement = class extends HTMLElement {
|
|
1379
1382
|
// StencilLazyHost
|
|
1380
1383
|
constructor(self) {
|
|
@@ -1475,5 +1478,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1475
1478
|
|
|
1476
1479
|
// src/runtime/nonce.ts
|
|
1477
1480
|
var setNonce = (nonce) => plt.$nonce$ = nonce;
|
|
1481
|
+
function transformTag(tag) {
|
|
1482
|
+
return tag;
|
|
1483
|
+
}
|
|
1478
1484
|
|
|
1479
1485
|
export { bootstrapLazy as b, forceUpdate as f, getRenderingRef as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-Tnvcatci.js';
|
|
2
|
+
export { s as setNonce } from './index-Tnvcatci.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,b as
|
|
1
|
+
import{p as a,b as t}from"./p-Tnvcatci.js";export{s as setNonce}from"./p-Tnvcatci.js";import{g as p}from"./p-DQuL1Twl.js";(()=>{const t=import.meta.url,p={};return""!==t&&(p.resourcesUrl=new URL(".",t).href),a(p)})().then((async a=>(await p(),t([["p-89dee5fa",[[257,"funnel-app",{tag:[1]}]]]],a))));
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import{h as t,g as s,f as i,r as e}from"./p-
|
|
1
|
+
import{h as t,g as s,f as i,r as e}from"./p-Tnvcatci.js";const n=s=>{const i=s.hex||"currentColor",e=s.selected||!1,n=s.size||24;return t("svg",{class:s.class,width:n,height:n,viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,s.label||"radio")," ",t("g",{fill:i},t("path",e?{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},h=[{id:1,height:400,width:100,x:10,y:10,drop:20},{id:2,height:356,width:100,x:120,y:32,drop:20},{id:3,height:312,width:100,x:230,y:54,drop:20},{id:4,height:268,width:100,x:340,y:76,drop:20},{id:5,height:224,width:100,x:450,y:98,drop:20}],r=h.map((()=>0)),o={bada55:"#bada55",navy:"#001f3f",blue:"#0074d9",aqua:"#7fdbff",teal:"#39cccc",olive:"#3d9970",green:"#2ecc40",lime:"#01ff70",yellow:"#ffdc00",orange:"#ff851b",red:"#ff4136",maroon:"#85144b",fuchsia:"#f012be",purple:"#b10dc9",black:"#111111",gray:"#aaaaaa",silver:"#dddddd"},l={slate:"#708090",slate4:"#4e5964",white:"#ffffff"},a=t=>o[t]||l[t],c=Object.keys(o),u=t=>!("isConnected"in t)||t.isConnected,f=(()=>{let t;return(...s)=>{t&&clearTimeout(t),t=setTimeout((()=>{t=0,(t=>{for(let s of t.keys())t.set(s,t.get(s).filter(u))})(...s)}),2e3)}})(),d=t=>"function"==typeof t?t():t,p=(t,s)=>{const i=t.indexOf(s);i>=0&&(t[i]=t[t.length-1],t.length--)},g="funnel-gfx-wc::app-data",v=(()=>{const t=((t,s=(t,s)=>t!==s)=>{const i=d(t);let e=new Map(Object.entries(i??{}));const n={dispose:[],get:[],set:[],reset:[]},h=new Map,r=()=>{e=new Map(Object.entries(d(t)??{})),n.reset.forEach((t=>t()))},o=t=>(n.get.forEach((s=>s(t))),e.get(t)),l=(t,i)=>{const h=e.get(t);s(i,h,t)&&(e.set(t,i),n.set.forEach((s=>s(t,i,h))))},a="undefined"==typeof Proxy?{}:new Proxy(i,{get:(t,s)=>o(s),ownKeys:()=>Array.from(e.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(t,s)=>e.has(s),set:(t,s,i)=>(l(s,i),!0)}),c=(t,s)=>(n[t].push(s),()=>{p(n[t],s)});return{state:a,get:o,set:l,on:c,onChange:(s,i)=>{const e=(t,e)=>{t===s&&i(e)},n=()=>i(d(t)[s]),r=c("set",e),o=c("reset",n);return h.set(i,{setHandler:e,resetHandler:n,propName:s}),()=>{r(),o(),h.delete(i)}},use:(...t)=>{const s=t.reduce(((t,s)=>(s.set&&t.push(c("set",s.set)),s.get&&t.push(c("get",s.get)),s.reset&&t.push(c("reset",s.reset)),s.dispose&&t.push(c("dispose",s.dispose)),t)),[]);return()=>s.forEach((t=>t()))},dispose:()=>{n.dispose.forEach((t=>t())),r()},reset:r,forceUpdate:t=>{const s=e.get(t);n.set.forEach((i=>i(t,s,s)))},removeListener:(t,s)=>{const i=h.get(s);i&&i.propName===t&&(p(n.set,i.setHandler),p(n.reset,i.resetHandler),h.delete(s))}}})({count:0,pick:"bada55",values:[...r]},void 0);return t.use((()=>{if("function"!=typeof s)return{};const t=new Map;return{dispose:()=>t.clear(),get:i=>{const e=s();e&&((t,s,i)=>{const e=t.get(s);e?e.includes(i)||e.push(i):t.set(s,[i])})(t,i,e)},set:s=>{const e=t.get(s);e&&t.set(s,e.filter(i)),f(t)},reset:()=>{t.forEach((t=>t.forEach(i))),f(t)}}})()),t})(),{state:m,onChange:b}=v,x=()=>{const{count:t,pick:s,values:i}=m;(t=>{const s=JSON.stringify(t);localStorage.setItem(g,s)})({count:t,pick:s,values:i})},w={initApp:()=>{const t=(()=>{const t=localStorage.getItem(g);return t?JSON.parse(t):void 0})();if(t){const{count:s,pick:i,values:e}=t;m.count=s,m.pick=i,m.values=e}},refresh:()=>{const t=r.map((()=>Math.floor(100*Math.random())));m.count=m.count+1,m.values=t,x()},reset:()=>{m.count=0,m.values=[...r],x()},updatePick:t=>{m.pick=t,x()}},y=s=>{const{actions:i,state:e}=s,{pick:h}=e;return t("div",{id:"toolbar",class:"flex flex-wrap",role:"radiogroup"},c.map((s=>{const e=a(s),r=h==s;return t("div",{"aria-label":s,"aria-checked":r?"true":"false",role:"radio",onClick:()=>{i.updatePick(s)}},t(n,{hex:e,selected:r,label:s}))})))},$=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||"chevron-double-left"),t("g",{fill:i},t("path",{d:"M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},C=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||"close"),t("g",{fill:i},t("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},k=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||"refresh"),t("g",{fill:i},t("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99\n 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65\n 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35\n 2.35z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},M=s=>{const{actions:i,state:e}=s,{count:n}=e;return t("div",{class:"mb-10px mt-3 flex items-center"},t("button",{"aria-label":"Refresh",class:"ds1-button data-button bg-clrs-blue",onClick:()=>{i.refresh()}},t(k,{label:"Refresh"})),t("button",{"aria-label":"Reset",class:"ds1-button data-button bg-clrs-red",onClick:()=>{i.reset()}},t(C,{label:"Reset"})),t("span",{class:"flex items-center"},t($,{size:28}),t("span",{class:"italic"},"click a button... ",t("sup",null,n))))},_=()=>t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.17"),S=s=>{const{state:i}=s,{values:e,pick:n,count:h}=i;return t("div",{class:"flex"},t("div",{class:"flex flex-col"},t("div",{class:"flex"},t("span",{class:"mr-10px font-bold"},"color:"),t("span",{class:"italic text-clrs-slate4"},n)),t("div",{class:"mt-5px flex"},t("span",{class:"mr-10px font-bold"},"sample:"),t("span",{class:"italic text-clrs-slate4"},`${h>0?e:"..."}`))),t(_,null))};var F,N={},T={},B={};function R(){if(F)return B;F=1;const t="undefined"!=typeof window,s=t?window:null,i=t?document:null,e=Symbol(),n=Symbol(),h=Symbol(),r=Symbol(),o=Symbol(),l=Symbol(),a=(()=>{const t=new Map;return t.set("x","translateX"),t.set("y","translateY"),t.set("z","translateZ"),t})(),c=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","matrix","matrix3d","perspective"],u=c.reduce(((t,s)=>({...t,[s]:s+"("})),{});return B.K=1e3,B.compositionTypes={replace:0,none:1,blend:2},B.cssVarPrefix="var(",B.cssVariableMatchRgx=/var\(\s*(--[\w-]+)(?:\s*,\s*([^)]+))?\s*\)/,B.digitWithExponentRgx=/[-+]?\d*\.?\d+(?:e[-+]?\d)?/gi,B.doc=i,B.emptyString="",B.hexTestRgx=/(^#([\da-f]{3}){1,2}$)|(^#([\da-f]{4}){1,2}$)/i,B.hslExecRgx=/hsl\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*\)/i,B.hslaExecRgx=/hsla\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,B.isBrowser=t,B.isDomSymbol=n,B.isRegisteredTargetSymbol=e,B.isSvgSymbol=h,B.lowerCaseRgx=/([a-z])([A-Z])/g,B.maxFps=120,B.maxValue=1e12,B.minValue=1e-11,B.morphPointsSymbol=o,B.noop=()=>{},B.proxyTargetSymbol=l,B.relativeValuesExecRgx=/(\*=|\+=|-=)/,B.rgbExecRgx=/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/i,B.rgbaExecRgx=/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,B.shortTransforms=a,B.tickModes={NONE:0,AUTO:1,FORCE:2},B.transformsExecRgx=/(\w+)(\([^)]+\)+)/g,B.transformsFragmentStrings=u,B.transformsSymbol=r,B.tweenTypes={OBJECT:0,ATTRIBUTE:1,CSS:2,TRANSFORM:3,CSS_VAR:4},B.unitsExecRgx=/^([-+]?\d*\.?\d+(?:e[-+]?\d+)?)([a-z]+|%)$/i,B.validTransforms=c,B.valueTypes={NUMBER:0,UNIT:1,COLOR:2,COMPLEX:3},B.win=s,B}var O,E,A={},z={};function L(){if(O)return z;O=1;var t=R();const s={id:null,keyframes:null,playbackEase:null,playbackRate:1,frameRate:t.maxFps,loop:0,reversed:!1,alternate:!1,autoplay:!0,persist:!1,duration:t.K,delay:0,loopDelay:0,ease:"out(2)",composition:t.compositionTypes.replace,modifier:t=>t,onBegin:t.noop,onBeforeUpdate:t.noop,onUpdate:t.noop,onLoop:t.noop,onPause:t.noop,onComplete:t.noop,onRender:t.noop},i={current:null,root:t.doc},e={defaults:s,precision:4,timeScale:1,tickThreshold:200},n={version:"4.2.2",engine:null};return t.isBrowser&&(t.win.AnimeJS||(t.win.AnimeJS=[]),t.win.AnimeJS.push(n)),z.defaults=s,z.globalVersions=n,z.globals=e,z.scope=i,z}
|
|
2
2
|
/**
|
|
3
3
|
* Anime.js - core - CJS
|
|
4
4
|
* @version v4.2.2
|
|
5
5
|
* @license MIT
|
|
6
6
|
* @copyright 2025 - Julian Garnier
|
|
7
|
-
*/function D(){if(
|
|
7
|
+
*/function D(){if(E)return A;E=1;var t=R(),s=L();const i=(t,s)=>0===t.indexOf(s),e=Date.now,n=Array.isArray,h=t=>"string"==typeof t,r=t=>void 0===t,o=s=>t.hexTestRgx.test(s),l=t=>i(t,"rgb"),a=t=>i(t,"hsl"),c=["opacity","rotate","overflow","color"],u=Math.pow,f=Math.sqrt,d=Math.sin,p=Math.cos,g=Math.abs,v=Math.exp,m=Math.ceil,b=Math.floor,x=Math.asin,w=Math.max,y=Math.atan2,$=Math.PI,C=Math.round,k={},M=(t,s)=>{if(s<0)return t;if(!s)return C(t);let i=k[s];return i||(i=k[s]=10**s),C(t*i)/i},_=s=>s===1/0?t.maxValue:s===-1/0?-t.maxValue:s;return A.PI=$,A._round=C,A.abs=g,A.addChild=(t,s,i,e="_prev",n="_next")=>{let h=t._tail;for(;h&&i&&i(h,s);)h=h[e];const r=h?h[n]:t._head;h?h[n]=s:t._head=s,r?r[e]=s:t._tail=s,s[e]=h,s[n]=r},A.asin=x,A.atan2=y,A.ceil=m,A.clamp=(t,s,i)=>t<s?s:t>i?i:t,A.clampInfinity=_,A.cloneArray=t=>n(t)?[...t]:t,A.cos=p,A.exp=v,A.floor=b,A.forEachChildren=(t,s,i,e="_prev",n="_next")=>{let h=t._head,r=n;for(i&&(h=t._tail,r=e);h;){const t=h[r];s(h),h=t}},A.isArr=n,A.isCol=t=>o(t)||l(t)||a(t),A.isFnc=t=>"function"==typeof t,A.isHex=o,A.isHsl=a,A.isKey=t=>!s.globals.defaults.hasOwnProperty(t),A.isNil=t=>r(t)||null===t,A.isNum=t=>"number"==typeof t&&!isNaN(t),A.isObj=t=>t&&t.constructor===Object,A.isRgb=l,A.isStr=h,A.isSvg=s=>t.isBrowser&&s instanceof SVGElement,A.isUnd=r,A.isValidSVGAttribute=(t,s)=>{if(c.includes(s))return!1;if(t.getAttribute(s)||s in t){if("scale"===s){const s=t.parentNode;return s&&"filter"===s.tagName}return!0}},A.lerp=(t,s,i)=>t+(s-t)*i,A.max=w,A.mergeObjects=(t,s)=>{const i={...t};for(let e in s){const n=t[e];i[e]=r(n)?s[e]:n}return i},A.normalizeTime=s=>s<=t.minValue?t.minValue:_(M(s,11)),A.now=e,A.parseNumber=t=>h(t)?parseFloat(t):t,A.pow=u,A.removeChild=(t,s,i="_prev",e="_next")=>{const n=s[i],h=s[e];n?n[e]=h:t._head=h,h?h[i]=n:t._tail=n,s[i]=null,s[e]=null},A.round=M,A.sin=d,A.snap=(t,s)=>n(s)?s.reduce(((s,i)=>g(i-t)<g(s-t)?i:s)):s?C(t/s)*s:t,A.sqrt=f,A.stringStartsWith=i,A.toLowerCase=s=>s.replace(t.lowerCaseRgx,"$1-$2").toLowerCase(),A}var U,I={},P={};function j(){if(U)return P;U=1;var t=R(),s=D();return P.parseInlineTransforms=(i,e,n)=>{const h=i.style.transform;let r;if(h){const s=i[t.transformsSymbol];let o;for(;o=t.transformsExecRgx.exec(h);){const t=o[1],i=o[2].slice(1,-1);s[t]=i,t===e&&(r=i,n&&(n[e]=i))}}return h&&!s.isUnd(r)?r:s.stringStartsWith(e,"scale")?"1":s.stringStartsWith(e,"rotate")||s.stringStartsWith(e,"skew")?"0deg":"0px"},P}var H,V,X={};
|
|
8
8
|
/**
|
|
9
9
|
* Anime.js - core - CJS
|
|
10
10
|
* @version v4.2.2
|
|
11
11
|
* @license MIT
|
|
12
12
|
* @copyright 2025 - Julian Garnier
|
|
13
|
-
*/function Y(){if(
|
|
13
|
+
*/function Y(){if(H)return X;H=1;var t=R(),s=D();const i=(t,s,i)=>(i<0&&(i+=1),i>1&&(i-=1),i<1/6?t+6*(s-t)*i:i<.5?s:i<2/3?t+(s-t)*(2/3-i)*6:t);return X.convertColorStringValuesToRgbaArray=e=>s.isRgb(e)?(i=>{const e=t.rgbExecRgx.exec(i)||t.rgbaExecRgx.exec(i),n=s.isUnd(e[4])?1:+e[4];return[+e[1],+e[2],+e[3],n]})(e):s.isHex(e)?(t=>{const s=t.length,i=4===s||5===s;return[+("0x"+t[1]+t[i?1:2]),+("0x"+t[i?2:3]+t[i?2:4]),+("0x"+t[i?3:5]+t[i?3:6]),5===s||9===s?+(+("0x"+t[i?4:7]+t[i?4:8])/255).toFixed(3):1]})(e):s.isHsl(e)?(e=>{const n=t.hslExecRgx.exec(e)||t.hslaExecRgx.exec(e),h=+n[1]/360,r=+n[2]/100,o=+n[3]/100,l=s.isUnd(n[4])?1:+n[4];let a,c,u;if(0===r)a=c=u=o;else{const t=o<.5?o*(1+r):o+r-o*r,e=2*o-t;a=s.round(255*i(e,t,h+1/3),0),c=s.round(255*i(e,t,h),0),u=s.round(255*i(e,t,h-1/3),0)}return[a,c,u,l]})(e):[0,0,0,1],X}
|
|
14
14
|
/**
|
|
15
15
|
* Anime.js - core - CJS
|
|
16
16
|
* @version v4.2.2
|
|
17
17
|
* @license MIT
|
|
18
18
|
* @copyright 2025 - Julian Garnier
|
|
19
|
-
*/function G(){if(
|
|
19
|
+
*/function G(){if(V)return I;V=1;var t=R(),s=D(),i=j(),e=Y();const n=(i,e)=>i[t.isDomSymbol]?i[t.isSvgSymbol]&&s.isValidSVGAttribute(i,e)?t.tweenTypes.ATTRIBUTE:t.validTransforms.includes(e)||t.shortTransforms.get(e)?t.tweenTypes.TRANSFORM:s.stringStartsWith(e,"--")?t.tweenTypes.CSS_VAR:e in i.style?t.tweenTypes.CSS:e in i?t.tweenTypes.OBJECT:t.tweenTypes.ATTRIBUTE:t.tweenTypes.OBJECT,h=(s,i,e)=>{const n=s.style[i];n&&e&&(e[i]=n);const h=n||getComputedStyle(s[t.proxyTargetSymbol]||s).getPropertyValue(i);return"auto"===h?"0":h},r=()=>({t:t.valueTypes.NUMBER,n:0,u:null,o:null,d:null,s:null}),o=r();return I.createDecomposedValueTargetObject=r,I.decomposeRawValue=(i,n)=>{if(n.t=t.valueTypes.NUMBER,n.n=0,n.u=null,n.o=null,n.d=null,n.s=null,!i)return n;const h=+i;if(isNaN(h)){let h=i;"="===h[1]&&(n.o=h[0],h=h.slice(2));const r=!h.includes(" ")&&t.unitsExecRgx.exec(h);if(r)return n.t=t.valueTypes.UNIT,n.n=+r[1],n.u=r[2],n;if(n.o)return n.n=+h,n;if(s.isCol(h))return n.t=t.valueTypes.COLOR,n.d=e.convertColorStringValuesToRgbaArray(h),n;{const s=h.match(t.digitWithExponentRgx);return n.t=t.valueTypes.COMPLEX,n.d=s?s.map(Number):[],n.s=h.split(t.digitWithExponentRgx)||[],n}}return n.n=h,n},I.decomposeTweenValue=(t,i)=>(i.t=t._valueType,i.n=t._toNumber,i.u=t._unit,i.o=null,i.d=s.cloneArray(t._toNumbers),i.s=s.cloneArray(t._strings),i),I.decomposedOriginalValue=o,I.getFunctionValue=(i,e,n,h,r)=>{let o;if(s.isFnc(i))o=()=>{const t=i(e,n,h);return isNaN(+t)?t||0:+t};else{if(!s.isStr(i)||!s.stringStartsWith(i,t.cssVarPrefix))return i;o=()=>{const s=i.match(t.cssVariableMatchRgx),n=s[1],h=s[2];let r=getComputedStyle(e)?.getPropertyValue(n);return r&&r.trim()!==t.emptyString||!h||(r=h.trim()),r||0}}return r&&(r.func=o),o()},I.getOriginalAnimatableValue=(e,r,o,l)=>{const a=s.isUnd(o)?n(e,r):o;return a===t.tweenTypes.OBJECT?e[r]||0:a===t.tweenTypes.ATTRIBUTE?e.getAttribute(r):a===t.tweenTypes.TRANSFORM?i.parseInlineTransforms(e,r,l):a===t.tweenTypes.CSS_VAR?h(e,r,l).trimStart():h(e,r,l)},I.getRelativeValue=(t,s,i)=>"-"===i?t-s:"+"===i?t+s:t*s,I.getTweenType=n,I.setValue=(t,i)=>s.isUnd(t)?i:t,I}var Z,W={};
|
|
20
20
|
/**
|
|
21
21
|
* Anime.js - core - CJS
|
|
22
22
|
* @version v4.2.2
|
|
23
23
|
* @license MIT
|
|
24
24
|
* @copyright 2025 - Julian Garnier
|
|
25
|
-
*/function q(){if(Z)return W;Z=1;var t=L(),s=R(),i=D();const e=(e,n,h,r,o)=>{const l=e.parent,a=e.duration,c=e.completed,u=e.iterationDuration,f=e.iterationCount,d=e._currentIteration,p=e._loopDelay,g=e._reversed,v=e._alternate,m=e._hasChildren,b=e._delay,x=e._currentTime,w=b+u,y=n-b,$=i.clamp(x,-b,a),C=i.clamp(y,-b,a),k=y-x,M=C>0,_=C>=a,S=a<=s.minValue,F=o===s.tickModes.FORCE;let N=0,T=y,B=0;f>1&&(e._currentIteration=i.clamp(~~(C/(u+(_?0:p))),0,f),_&&e._currentIteration--,N=e._currentIteration%2,T=C%(u+p)||0);const R=g^(v&&N),
|
|
25
|
+
*/function q(){if(Z)return W;Z=1;var t=L(),s=R(),i=D();const e=(e,n,h,r,o)=>{const l=e.parent,a=e.duration,c=e.completed,u=e.iterationDuration,f=e.iterationCount,d=e._currentIteration,p=e._loopDelay,g=e._reversed,v=e._alternate,m=e._hasChildren,b=e._delay,x=e._currentTime,w=b+u,y=n-b,$=i.clamp(x,-b,a),C=i.clamp(y,-b,a),k=y-x,M=C>0,_=C>=a,S=a<=s.minValue,F=o===s.tickModes.FORCE;let N=0,T=y,B=0;f>1&&(e._currentIteration=i.clamp(~~(C/(u+(_?0:p))),0,f),_&&e._currentIteration--,N=e._currentIteration%2,T=C%(u+p)||0);const R=g^(v&&N),O=e._ease;let E=_?R?0:a:R?u-T:T;O&&(E=u*O(E/u)||0);const A=(l?l.backwards:y<x)?!R:!!R;if(e._currentTime=y,e._iterationTime=E,e.backwards=A,M&&!e.began?(e.began=!0,h||l&&(A||!l.began)||e.onBegin(e)):y<=0&&(e.began=!1),h||m||!M||e._currentIteration===d||e.onLoop(e),F||o===s.tickModes.AUTO&&(n>=b&&n<=w||n<=b&&$>b||n>=w&&$!==a)||E>=w&&$!==a||E<=b&&$>0||n<=$&&$===a&&c||_&&!c&&S){if(M&&(e.computeDeltaTime($),h||e.onBeforeUpdate(e)),!m){const n=F||(A?-1*k:k)>=t.globals.tickThreshold,o=e._offset+(l?l._offset:0)+b+E;let a,c,u,f,d=e._head,p=0;for(;d;){const e=d._composition,h=d._currentTime,l=d._changeDuration,g=d._absoluteStartTime+d._changeDuration,v=d._nextRep,m=d._prevRep,b=e!==s.compositionTypes.none;if((n||(h!==l||o<=g+(v?v._delay:0))&&(0!==h||o>=d._absoluteStartTime))&&(!b||!d._isOverridden&&(!d._isOverlapped||o<=g)&&(!v||v._isOverridden||o<=v._absoluteStartTime)&&(!m||m._isOverridden||o>=m._absoluteStartTime+m._changeDuration+d._delay))){const n=d._currentTime=i.clamp(E-d._startTime,0,l),h=d._ease(n/d._updateDuration),o=d._modifier,g=d._valueType,v=d._tweenType,m=v===s.tweenTypes.OBJECT,x=g===s.valueTypes.NUMBER,w=x&&m||0===h||1===h?-1:t.globals.precision;let y,$;if(x)y=$=o(i.round(i.lerp(d._fromNumber,d._toNumber,h),w));else if(g===s.valueTypes.UNIT)$=o(i.round(i.lerp(d._fromNumber,d._toNumber,h),w)),y=`${$}${d._unit}`;else if(g===s.valueTypes.COLOR){const t=d._fromNumbers,s=d._toNumbers,e=i.round(i.clamp(o(i.lerp(t[0],s[0],h)),0,255),0),n=i.round(i.clamp(o(i.lerp(t[1],s[1],h)),0,255),0),r=i.round(i.clamp(o(i.lerp(t[2],s[2],h)),0,255),0),l=i.clamp(o(i.round(i.lerp(t[3],s[3],h),w)),0,1);if(y=`rgba(${e},${n},${r},${l})`,b){const t=d._numbers;t[0]=e,t[1]=n,t[2]=r,t[3]=l}}else if(g===s.valueTypes.COMPLEX){y=d._strings[0];for(let t=0,s=d._toNumbers.length;t<s;t++){const s=o(i.round(i.lerp(d._fromNumbers[t],d._toNumbers[t],h),w)),e=d._strings[t+1];y+=`${e?s+e:s}`,b&&(d._numbers[t]=s)}}if(b&&(d._number=$),r||e===s.compositionTypes.blend)d._value=y;else{const t=d.property;a=d.target,m?a[t]=y:v===s.tweenTypes.ATTRIBUTE?a.setAttribute(t,y):(c=a.style,v===s.tweenTypes.TRANSFORM?(a!==u&&(u=a,f=a[s.transformsSymbol]),f[t]=y,p=1):v===s.tweenTypes.CSS?c[t]=y:v===s.tweenTypes.CSS_VAR&&c.setProperty(t,y)),M&&(B=1)}}if(p&&d._renderTransforms){let t=s.emptyString;for(let i in f)t+=`${s.transformsFragmentStrings[i]}${f[i]}) `;c.transform=t,p=0}d=d._next}!h&&B&&e.onRender(e)}!h&&M&&e.onUpdate(e)}return l&&S?!h&&(l.began&&!A&&y>0&&!c||A&&y<=s.minValue&&c)&&(e.onComplete(e),e.completed=!A):M&&_?f===1/0?e._startTime+=e.duration:e._currentIteration>=f-1&&(e.paused=!0,c||m||(e.completed=!0,h||l&&(A||!l.began)||(e.onComplete(e),e._resolve(e)))):e.completed=!1,B};return W.render=e,W.tick=(t,n,h,r,o)=>{const l=t._currentIteration;if(e(t,n,h,r,o),t._hasChildren){const a=t,c=a.backwards,u=r?n:a._iterationTime,f=i.now();let d=0,p=!0;if(!r&&a._currentIteration!==l){const t=a.iterationDuration;i.forEachChildren(a,(i=>{if(c){const e=i.duration,n=i._offset+i._delay;h||!(e<=s.minValue)||n&&n+e!==t||i.onComplete(i)}else!i.completed&&!i.backwards&&i._currentTime<i.iterationDuration&&e(i,t,h,1,s.tickModes.FORCE),i.began=!1,i.completed=!1})),h||a.onLoop(a)}i.forEachChildren(a,(t=>{const s=i.round((u-t._offset)*t._speed,12),n=t._fps<a._fps?t.requestTick(f):o;d+=e(t,s,h,r,n),!t.completed&&p&&(p=!1)}),c),!h&&d&&a.onRender(a),(p||c)&&a._currentTime>=a.duration&&(a.paused=!0,a.completed||(a.completed=!0,h||(a.onComplete(a),a._resolve(a))))}},W}var J,Q={},K={};function tt(){if(J)return K;J=1;var t=R(),s=D();const i={},e=i=>{if(i._hasChildren)s.forEachChildren(i,e,!0);else{const e=i;e.pause(),s.forEachChildren(e,(i=>{const n=i.property,h=i.target;if(h[t.isDomSymbol]){const r=h.style,o=i._inlineValue,l=s.isNil(o)||o===t.emptyString;if(i._tweenType===t.tweenTypes.TRANSFORM){const s=h[t.transformsSymbol];if(l?delete s[n]:s[n]=o,i._renderTransforms)if(Object.keys(s).length){let i=t.emptyString;for(let e in s)i+=t.transformsFragmentStrings[e]+s[e]+") ";r.transform=i}else r.removeProperty("transform")}else l?r.removeProperty(s.toLowerCase(n)):r[n]=o;e._tail===i&&e.targets.forEach((s=>{s.getAttribute&&s.getAttribute("style")===t.emptyString&&s.removeAttribute("style")}))}}))}return i};return K.cleanInlineStyles=e,K.sanitizePropertyName=(e,n,h)=>{if(h===t.tweenTypes.TRANSFORM){return t.shortTransforms.get(e)||e}if(h===t.tweenTypes.CSS||h===t.tweenTypes.ATTRIBUTE&&s.isSvg(n)&&e in n.style){const t=i[e];if(t)return t;{const t=e?s.toLowerCase(e):e;return i[e]=t,t}}return e},K}var st,it={},et={};function nt(){if(st)return et;st=1;var t=R(),s=D();return et.Clock=class{constructor(i=0){this.deltaTime=0,this._currentTime=i,this._elapsedTime=i,this._startTime=i,this._lastTime=i,this._scheduledTime=0,this._frameDuration=s.round(t.K/t.maxFps,0),this._fps=t.maxFps,this._speed=1,this._hasChildren=!1,this._head=null,this._tail=null}get fps(){return this._fps}set fps(i){const e=this._frameDuration,n=+i,h=n<t.minValue?t.minValue:n,r=s.round(t.K/h,0);this._fps=h,this._frameDuration=r,this._scheduledTime+=r-e}get speed(){return this._speed}set speed(s){const i=+s;this._speed=i<t.minValue?t.minValue:i}requestTick(s){const i=this._scheduledTime,e=this._elapsedTime;if(this._elapsedTime+=s-e,e<i)return t.tickModes.NONE;const n=this._frameDuration,h=e-i;return this._scheduledTime+=h<n?n:h,t.tickModes.AUTO}computeDeltaTime(t){const s=t-this._lastTime;return this.deltaTime=s,this._lastTime=t,s}},et}var ht,rt,ot,lt,at={};
|
|
26
26
|
/**
|
|
27
27
|
* Anime.js - animation - CJS
|
|
28
28
|
* @version v4.2.2
|
|
@@ -64,25 +64,25 @@ import{h as t,g as s,f as i,r as e}from"./p-aYvE8UX7.js";const n=s=>{const i=s.h
|
|
|
64
64
|
* @version v4.2.2
|
|
65
65
|
* @license MIT
|
|
66
66
|
* @copyright 2025 - Julian Garnier
|
|
67
|
-
*/function Ft(){if(Ct)return gt;Ct=1;var t=R(),s=D(),i=L(),e=mt(),n=G(),h=tt(),r=wt(),o=St(),l=dt(),a=ft(),c=ct();const u=n.createDecomposedValueTargetObject(),f=n.createDecomposedValueTargetObject(),d={},p={func:null},g=[null],v=[null,null],m={to:null};let b,x,w=0;class y extends l.Timer{constructor(l,y,$,C,k=!1,M=0,_=0){super(y,$,C);const S=e.registerTargets(l),F=S.length,N=y.keyframes,T=N?s.mergeObjects(((t,e)=>{const h={};if(s.isArr(t)){const i=[].concat(...t.map((t=>Object.keys(t)))).filter(s.isKey);for(let e=0,n=i.length;e<n;e++){const n=i[e],r=t.map((t=>{const i={};for(let e in t){const h=t[e];s.isKey(e)?e===n&&(i.to=h):i[e]=h}return i}));h[n]=r}}else{const r=n.setValue(e.duration,i.globals.defaults.duration),o=Object.keys(t).map((s=>({o:parseFloat(s)/100,p:t[s]}))).sort(((t,s)=>t.o-s.o));o.forEach((t=>{const i=t.o,e=t.p;for(let t in e)if(s.isKey(t)){let s=h[t];s||(s=h[t]=[]);const n=i*r;let o=s.length,l=s[o-1];const a={to:e[t]};let c=0;for(let t=0;t<o;t++)c+=s[t].duration;1===o&&(a.from=l.to),e.ease&&(a.ease=e.ease),a.duration=n-(o?c:0),s.push(a)}return t}));for(let t in h){const s=h[t];let i;for(let t=0,e=s.length;t<e;t++){const e=s[t],n=e.ease;e.ease=i||void 0,i=n}s[0].duration||s.shift()}}return h})(N,y),y):y,{delay:B,duration:R,ease:
|
|
67
|
+
*/function Ft(){if(Ct)return gt;Ct=1;var t=R(),s=D(),i=L(),e=mt(),n=G(),h=tt(),r=wt(),o=St(),l=dt(),a=ft(),c=ct();const u=n.createDecomposedValueTargetObject(),f=n.createDecomposedValueTargetObject(),d={},p={func:null},g=[null],v=[null,null],m={to:null};let b,x,w=0;class y extends l.Timer{constructor(l,y,$,C,k=!1,M=0,_=0){super(y,$,C);const S=e.registerTargets(l),F=S.length,N=y.keyframes,T=N?s.mergeObjects(((t,e)=>{const h={};if(s.isArr(t)){const i=[].concat(...t.map((t=>Object.keys(t)))).filter(s.isKey);for(let e=0,n=i.length;e<n;e++){const n=i[e],r=t.map((t=>{const i={};for(let e in t){const h=t[e];s.isKey(e)?e===n&&(i.to=h):i[e]=h}return i}));h[n]=r}}else{const r=n.setValue(e.duration,i.globals.defaults.duration),o=Object.keys(t).map((s=>({o:parseFloat(s)/100,p:t[s]}))).sort(((t,s)=>t.o-s.o));o.forEach((t=>{const i=t.o,e=t.p;for(let t in e)if(s.isKey(t)){let s=h[t];s||(s=h[t]=[]);const n=i*r;let o=s.length,l=s[o-1];const a={to:e[t]};let c=0;for(let t=0;t<o;t++)c+=s[t].duration;1===o&&(a.from=l.to),e.ease&&(a.ease=e.ease),a.duration=n-(o?c:0),s.push(a)}return t}));for(let t in h){const s=h[t];let i;for(let t=0,e=s.length;t<e;t++){const e=s[t],n=e.ease;e.ease=i||void 0,i=n}s[0].duration||s.shift()}}return h})(N,y),y):y,{delay:B,duration:R,ease:O,playbackEase:E,modifier:A,composition:z,onRender:L}=T,D=$?$.defaults:i.globals.defaults,U=n.setValue(E,D.playbackEase),I=U?o.parseEase(U):null,P=!s.isUnd(O)&&!s.isUnd(O.ease),j=P?O.ease:n.setValue(O,I?"linear":D.ease),H=P?O.settlingDuration:n.setValue(R,D.duration),V=n.setValue(B,D.delay),X=A||D.modifier,Y=s.isUnd(z)&&F>=t.K?t.compositionTypes.none:s.isUnd(z)?D.composition:z,G=this._offset+($?$._offset:0);P&&(O.parent=this);let Z=NaN,W=NaN,q=0,J=0;for(let i=0;i<F;i++){const e=S[i],l=M||i,y=_||F;let C=NaN,N=NaN;for(let i in T)if(s.isKey(i)){const c=n.getTweenType(e,i),M=h.sanitizePropertyName(i,e,c);let _=T[i];const S=s.isArr(_);if(k&&!S&&(v[0]=_,v[1]=_,_=v),S){const t=_.length,i=!s.isObj(_[0]);2===t&&i?(m.to=_,g[0]=m,b=g):t>2&&i?(b=[],_.forEach(((t,s)=>{s?1===s?(v[1]=t,b.push(v)):b.push(t):v[0]=t}))):b=_}else g[0]=_,b=g;let F=null,B=null,R=NaN,O=0,E=0;for(let i=b.length;E<i;E++){const h=b[E];s.isObj(h)?x=h:(m.to=h,x=m),p.func=null;const g=n.getFunctionValue(x.to,e,l,y,p);let v;s.isObj(g)&&!s.isUnd(g.to)?(x=g,v=g.to):v=g;const C=n.getFunctionValue(x.from,e,l,y),k=x.ease,_=!s.isUnd(k)&&!s.isUnd(k.ease),S=_?k.ease:k||j,N=_?k.settlingDuration:n.getFunctionValue(n.setValue(x.duration,i>1?n.getFunctionValue(H,e,l,y)/i:H),e,l,y),T=n.getFunctionValue(n.setValue(x.delay,E?0:V),e,l,y),A=n.getFunctionValue(n.setValue(x.composition,Y),e,l,y),z=s.isNum(A)?A:t.compositionTypes[A],L=x.modifier||X,D=!s.isUnd(C),U=!s.isUnd(v),I=s.isArr(v),P=I||D&&U,Z=B?O+T:T,W=s.round(G+Z,12);J||!D&&!I||(J=1);let Q=B;if(z!==t.compositionTypes.none){F||(F=a.getTweenSiblings(e,M));let t=F._head;for(;t&&!t._isOverridden&&t._absoluteStartTime<=W;)if(Q=t,t=t._nextRep,t&&t._absoluteStartTime>=W)for(;t;)a.overrideTween(t),t=t._nextRep}if(P?(n.decomposeRawValue(I?n.getFunctionValue(v[0],e,l,y):C,u),n.decomposeRawValue(I?n.getFunctionValue(v[1],e,l,y,p):v,f),u.t===t.valueTypes.NUMBER&&(Q?Q._valueType===t.valueTypes.UNIT&&(u.t=t.valueTypes.UNIT,u.u=Q._unit):(n.decomposeRawValue(n.getOriginalAnimatableValue(e,M,c,d),n.decomposedOriginalValue),n.decomposedOriginalValue.t===t.valueTypes.UNIT&&(u.t=t.valueTypes.UNIT,u.u=n.decomposedOriginalValue.u)))):(U?n.decomposeRawValue(v,f):B?n.decomposeTweenValue(B,f):n.decomposeRawValue($&&Q&&Q.parent.parent===$?Q._value:n.getOriginalAnimatableValue(e,M,c,d),f),D?n.decomposeRawValue(C,u):B?n.decomposeTweenValue(B,u):n.decomposeRawValue($&&Q&&Q.parent.parent===$?Q._value:n.getOriginalAnimatableValue(e,M,c,d),u)),u.o&&(u.n=n.getRelativeValue(Q?Q._toNumber:n.decomposeRawValue(n.getOriginalAnimatableValue(e,M,c,d),n.decomposedOriginalValue).n,u.n,u.o)),f.o&&(f.n=n.getRelativeValue(u.n,f.n,f.o)),u.t!==f.t)if(u.t===t.valueTypes.COMPLEX||f.t===t.valueTypes.COMPLEX){const i=u.t===t.valueTypes.COMPLEX?u:f,e=u.t===t.valueTypes.COMPLEX?f:u;e.t=t.valueTypes.COMPLEX,e.s=s.cloneArray(i.s),e.d=i.d.map((()=>e.n))}else if(u.t===t.valueTypes.UNIT||f.t===t.valueTypes.UNIT){const s=u.t===t.valueTypes.UNIT?u:f,i=u.t===t.valueTypes.UNIT?f:u;i.t=t.valueTypes.UNIT,i.u=s.u}else if(u.t===t.valueTypes.COLOR||f.t===t.valueTypes.COLOR){const s=u.t===t.valueTypes.COLOR?u:f,i=u.t===t.valueTypes.COLOR?f:u;i.t=t.valueTypes.COLOR,i.s=s.s,i.d=[0,0,0,1]}if(u.u!==f.u){let t=f.u?u:f;t=r.convertValueUnit(e,t,f.u?f.u:u.u,!1)}if(f.d&&u.d&&f.d.length!==u.d.length){const t=u.d.length>f.d.length?u:f,i=t===u?f:u;i.d=t.d.map(((t,e)=>s.isUnd(i.d[e])?0:i.d[e])),i.s=s.cloneArray(t.s)}const K=s.round(+N||t.minValue,12);let tt=d[M];s.isNil(tt)||(d[M]=null);const st={parent:this,id:w++,property:M,target:e,_value:null,_func:p.func,_ease:o.parseEase(S),_fromNumbers:s.cloneArray(u.d),_toNumbers:s.cloneArray(f.d),_strings:s.cloneArray(f.s),_fromNumber:u.n,_toNumber:f.n,_numbers:s.cloneArray(u.d),_number:u.n,_unit:f.u,_modifier:L,_currentTime:0,_startTime:Z,_delay:+T,_updateDuration:K,_changeDuration:K,_absoluteStartTime:W,_tweenType:c,_valueType:f.t,_composition:z,_isOverlapped:0,_isOverridden:0,_renderTransforms:0,_inlineValue:tt,_prevRep:null,_nextRep:null,_prevAdd:null,_nextAdd:null,_prev:null,_next:null};z!==t.compositionTypes.none&&a.composeTween(st,F),isNaN(R)&&(R=st._startTime),O=s.round(Z+K,12),B=st,q++,s.addChild(this,st)}(isNaN(W)||R<W)&&(W=R),(isNaN(Z)||O>Z)&&(Z=O),c===t.tweenTypes.TRANSFORM&&(C=q-E,N=q)}if(!isNaN(C)){let i=0;s.forEachChildren(this,(e=>{i>=C&&i<N&&(e._renderTransforms=1,e._composition===t.compositionTypes.blend&&s.forEachChildren(c.additive.animation,(t=>{t.id===e.id&&(t._renderTransforms=1)}))),i++}))}}F||console.warn("No target found. Make sure the element you're trying to animate is accessible before creating your animation."),W?(s.forEachChildren(this,(t=>{t._startTime-t._delay||(t._delay-=W),t._startTime-=W})),Z-=W):W=0,Z||(Z=t.minValue,this.iterationCount=0),this.targets=S,this.duration=Z===t.minValue?t.minValue:s.clampInfinity((Z+this._loopDelay)*this.iterationCount-this._loopDelay)||t.minValue,this.onRender=L||D.onRender,this._ease=I,this._delay=W,this.iterationDuration=Z,!this._autoplay&&J&&this.onRender(this)}stretch(t){const i=this.duration;if(i===s.normalizeTime(t))return this;const e=t/i;return s.forEachChildren(this,(t=>{t._updateDuration=s.normalizeTime(t._updateDuration*e),t._changeDuration=s.normalizeTime(t._changeDuration*e),t._currentTime*=e,t._startTime*=e,t._absoluteStartTime*=e})),super.stretch(t)}refresh(){return s.forEachChildren(this,(t=>{const i=t._func;if(i){const e=n.getOriginalAnimatableValue(t.target,t.property,t._tweenType);n.decomposeRawValue(e,n.decomposedOriginalValue),n.decomposeRawValue(i(),f),t._fromNumbers=s.cloneArray(n.decomposedOriginalValue.d),t._fromNumber=n.decomposedOriginalValue.n,t._toNumbers=s.cloneArray(f.d),t._strings=s.cloneArray(f.s),t._toNumber=f.o?n.getRelativeValue(n.decomposedOriginalValue.n,f.n,f.o):f.n}})),this.duration===t.minValue&&this.restart(),this}revert(){return super.revert(),h.cleanInlineStyles(this)}then(t){return super.then(t)}}return gt.JSAnimation=y,gt.animate=(t,s)=>new y(t,s,null,0,!1).init(),gt}var Nt,Tt,Bt={},Rt={};function Ot(){if(Nt)return Rt;Nt=1;var t=R(),s=D(),i=G();return Rt.parseTimelinePosition=(e,n)=>{let h=e.iterationDuration;if(h===t.minValue&&(h=0),s.isUnd(n))return h;if(s.isNum(+n))return+n;const r=n,o=e?e.labels:null,l=!s.isNil(o),a=((t,i)=>{if(s.stringStartsWith(i,"<")){const s=t._tail,e=s?s._offset+s._delay:0;return"<"===i[1]?e:e+s.duration}})(e,r),c=!s.isUnd(a),u=t.relativeValuesExecRgx.exec(r);if(u){const t=u[0],s=r.split(t);return i.getRelativeValue(c?a:l&&l&&s[0]?o[s[0]]:h,+s[1],t[0])}return c?a:l?s.isUnd(o[r])?h:o[r]:h},Rt}
|
|
68
68
|
/**
|
|
69
69
|
* Anime.js - timeline - CJS
|
|
70
70
|
* @version v4.2.2
|
|
71
71
|
* @license MIT
|
|
72
72
|
* @copyright 2025 - Julian Garnier
|
|
73
|
-
*/function
|
|
73
|
+
*/function Et(){if(Tt)return Bt;Tt=1;var t=L(),s=R(),i=D(),e=G(),n=mt(),h=q(),r=tt(),o=ft(),l=Ft(),a=dt(),c=St(),u=Ot();function f(t,e,n,r,o,c){const u=i.isNum(t.duration)&&t.duration<=s.minValue?n-s.minValue:n;h.tick(e,u,1,1,s.tickModes.AUTO);const f=r?new l.JSAnimation(r,t,e,u,!1,o,c):new a.Timer(t,e,u);return f.init(!0),i.addChild(e,f),i.forEachChildren(e,(t=>{const s=t._offset+t._delay+t.duration;s>e.iterationDuration&&(e.iterationDuration=s)})),e.duration=function(t){return i.clampInfinity((t.iterationDuration+t._loopDelay)*t.iterationCount-t._loopDelay)||s.minValue}(e),e}class d extends a.Timer{constructor(s={}){super(s,null,0),this.duration=0,this.labels={};const n=s.defaults,h=t.globals.defaults;this.defaults=n?i.mergeObjects(n,h):h,this.onRender=s.onRender||h.onRender;const r=e.setValue(s.playbackEase,h.playbackEase);this._ease=r?c.parseEase(r):null,this.iterationDuration=0}add(t,s,e){const h=i.isObj(s),r=i.isObj(t);if(h||r){if(this._hasChildren=!0,h){const h=s;if(i.isFnc(e)){const s=e,r=n.parseTargets(t),o=this.duration,l=this.iterationDuration,a=h.id;let c=0;const d=r.length;r.forEach((t=>{const e={...h};this.duration=o,this.iterationDuration=l,i.isUnd(a)||(e.id=a+"-"+c),f(e,this,u.parseTimelinePosition(this,s(t,c,d,this)),t,c,d),c++}))}else f(h,this,u.parseTimelinePosition(this,e),t)}else f(t,this,u.parseTimelinePosition(this,s));return this.init(!0)}}sync(t,s){if(i.isUnd(t)||t&&i.isUnd(t.pause))return this;t.pause();const e=+(t.effect?t.effect.getTiming().duration:t.duration);return this.add(t,{currentTime:[0,e],duration:e,ease:"linear"},s)}set(t,e,n){return i.isUnd(e)?this:(e.duration=s.minValue,e.composition=s.compositionTypes.replace,this.add(t,e,n))}call(t,s){return i.isUnd(t)||t&&!i.isFnc(t)?this:this.add({duration:0,onComplete:()=>t(this)},s)}label(t,s){return i.isUnd(t)||t&&!i.isStr(t)||(this.labels[t]=u.parseTimelinePosition(this,s)),this}remove(t,s){return o.removeTargetsFromRenderable(n.parseTargets(t),this,s),this}stretch(t){const s=this.duration;if(s===i.normalizeTime(t))return this;const e=t/s,n=this.labels;i.forEachChildren(this,(t=>t.stretch(t.duration*e)));for(let t in n)n[t]*=e;return super.stretch(t)}refresh(){return i.forEachChildren(this,(t=>{t.refresh&&t.refresh()})),this}revert(){return super.revert(),i.forEachChildren(this,(t=>t.revert),!0),r.cleanInlineStyles(this)}then(t){return super.then(t)}}return Bt.Timeline=d,Bt.createTimeline=t=>new d(t).init(),Bt}var At,zt={};
|
|
74
74
|
/**
|
|
75
75
|
* Anime.js - animatable - CJS
|
|
76
76
|
* @version v4.2.2
|
|
77
77
|
* @license MIT
|
|
78
78
|
* @copyright 2025 - Julian Garnier
|
|
79
|
-
*/function Lt(){if(At)return zt;At=1;var t=R(),s=L(),i=D(),e=Ft(),n=St();class h{constructor(h,r){s.scope.current&&s.scope.current.register(this);const o=()=>{if(this.callbacks.completed)return;let t=!0;for(let s in this.animations)if(!this.animations[s].paused&&t){t=!1;break}t&&this.callbacks.complete()},l={onBegin:()=>{this.callbacks.completed&&this.callbacks.reset(),this.callbacks.play()},onComplete:o,onPause:o},a={v:1,autoplay:!1},c={};if(this.targets=[],this.animations={},this.callbacks=null,!i.isUnd(h)&&!i.isUnd(r)){for(let t in r){const s=r[t];i.isKey(t)?c[t]=s:i.stringStartsWith(t,"on")?a[t]=s:l[t]=s}this.callbacks=new e.JSAnimation({v:0},a);for(let s in c){const r=c[s],o=i.isObj(r);let a={},u="+=0";if(o){const t=r.unit;i.isStr(t)&&(u+=t)}else a.duration=r;a[s]=o?i.mergeObjects({to:u},r):u;const f=i.mergeObjects(l,a);f.composition=t.compositionTypes.replace,f.autoplay=!1;const d=this.animations[s]=new e.JSAnimation(h,f,null,0,!1).init();this.targets.length||this.targets.push(...d.targets),this[s]=(t,s,e)=>{const h=d._head;if(i.isUnd(t)&&h){const t=h._numbers;return t&&t.length?t:h._modifier(h._number)}return i.forEachChildren(d,(s=>{if(i.isArr(t))for(let e=0,n=t.length;e<n;e++)i.isUnd(s._numbers[e])||(s._fromNumbers[e]=s._modifier(s._numbers[e]),s._toNumbers[e]=t[e]);else s._fromNumber=s._modifier(s._number),s._toNumber=t;i.isUnd(e)||(s._ease=n.parseEase(e)),s._currentTime=0})),i.isUnd(s)||d.stretch(s),d.reset(!0).resume(),this}}}}revert(){for(let s in this.animations)this[s]=t.noop,this.animations[s].revert();return this.animations={},this.targets.length=0,this.callbacks&&this.callbacks.revert(),this}}return zt.Animatable=h,zt.createAnimatable=(t,s)=>new h(t,s),zt}var Dt,Ut={},It={};function Pt(){if(Dt)return It;Dt=1;var t=D();return It.clamp=t.clamp,It.lerp=t.lerp,It.round=t.round,It.snap=t.snap,It.damp=(s,i,e,n)=>n?1===n?i:t.lerp(s,i,1-Math.exp(-n*e*.1)):s,It.degToRad=t=>t*Math.PI/180,It.mapRange=(t,s,i,e,n)=>e+(t-s)/(i-s)*(n-e),It.padEnd=(t,s,i)=>`${t}`.padEnd(s,i),It.padStart=(t,s,i)=>`${t}`.padStart(s,i),It.radToDeg=t=>180*t/Math.PI,It.roundPad=(t,s)=>(+t).toFixed(s),It.wrap=(t,s,i)=>((t-s)%(i-s)+(i-s))%(i-s)+s,It}var jt,
|
|
79
|
+
*/function Lt(){if(At)return zt;At=1;var t=R(),s=L(),i=D(),e=Ft(),n=St();class h{constructor(h,r){s.scope.current&&s.scope.current.register(this);const o=()=>{if(this.callbacks.completed)return;let t=!0;for(let s in this.animations)if(!this.animations[s].paused&&t){t=!1;break}t&&this.callbacks.complete()},l={onBegin:()=>{this.callbacks.completed&&this.callbacks.reset(),this.callbacks.play()},onComplete:o,onPause:o},a={v:1,autoplay:!1},c={};if(this.targets=[],this.animations={},this.callbacks=null,!i.isUnd(h)&&!i.isUnd(r)){for(let t in r){const s=r[t];i.isKey(t)?c[t]=s:i.stringStartsWith(t,"on")?a[t]=s:l[t]=s}this.callbacks=new e.JSAnimation({v:0},a);for(let s in c){const r=c[s],o=i.isObj(r);let a={},u="+=0";if(o){const t=r.unit;i.isStr(t)&&(u+=t)}else a.duration=r;a[s]=o?i.mergeObjects({to:u},r):u;const f=i.mergeObjects(l,a);f.composition=t.compositionTypes.replace,f.autoplay=!1;const d=this.animations[s]=new e.JSAnimation(h,f,null,0,!1).init();this.targets.length||this.targets.push(...d.targets),this[s]=(t,s,e)=>{const h=d._head;if(i.isUnd(t)&&h){const t=h._numbers;return t&&t.length?t:h._modifier(h._number)}return i.forEachChildren(d,(s=>{if(i.isArr(t))for(let e=0,n=t.length;e<n;e++)i.isUnd(s._numbers[e])||(s._fromNumbers[e]=s._modifier(s._numbers[e]),s._toNumbers[e]=t[e]);else s._fromNumber=s._modifier(s._number),s._toNumber=t;i.isUnd(e)||(s._ease=n.parseEase(e)),s._currentTime=0})),i.isUnd(s)||d.stretch(s),d.reset(!0).resume(),this}}}}revert(){for(let s in this.animations)this[s]=t.noop,this.animations[s].revert();return this.animations={},this.targets.length=0,this.callbacks&&this.callbacks.revert(),this}}return zt.Animatable=h,zt.createAnimatable=(t,s)=>new h(t,s),zt}var Dt,Ut={},It={};function Pt(){if(Dt)return It;Dt=1;var t=D();return It.clamp=t.clamp,It.lerp=t.lerp,It.round=t.round,It.snap=t.snap,It.damp=(s,i,e,n)=>n?1===n?i:t.lerp(s,i,1-Math.exp(-n*e*.1)):s,It.degToRad=t=>t*Math.PI/180,It.mapRange=(t,s,i,e,n)=>e+(t-s)/(i-s)*(n-e),It.padEnd=(t,s,i)=>`${t}`.padEnd(s,i),It.padStart=(t,s,i)=>`${t}`.padStart(s,i),It.radToDeg=t=>180*t/Math.PI,It.roundPad=(t,s)=>(+t).toFixed(s),It.wrap=(t,s,i)=>((t-s)%(i-s)+(i-s))%(i-s)+s,It}var jt,Ht={};
|
|
80
80
|
/**
|
|
81
81
|
* Anime.js - easings - CJS
|
|
82
82
|
* @version v4.2.2
|
|
83
83
|
* @license MIT
|
|
84
84
|
* @copyright 2025 - Julian Garnier
|
|
85
|
-
*/function
|
|
85
|
+
*/function Vt(){if(jt)return Ht;jt=1;var t=R(),s=L(),i=D(),e=G();const n=10*t.K;class h{constructor(h={}){const r=!i.isUnd(h.bounce)||!i.isUnd(h.duration);this.timeStep=.02,this.restThreshold=5e-4,this.restDuration=200,this.maxDuration=6e4,this.maxRestSteps=this.restDuration/this.timeStep/t.K,this.maxIterations=this.maxDuration/this.timeStep/t.K,this.bn=i.clamp(e.setValue(h.bounce,.5),-1,1),this.pd=i.clamp(e.setValue(h.duration,628),10*s.globals.timeScale,n*s.globals.timeScale),this.m=i.clamp(e.setValue(h.mass,1),1,n),this.s=i.clamp(e.setValue(h.stiffness,100),t.minValue,n),this.d=i.clamp(e.setValue(h.damping,10),t.minValue,n),this.v=i.clamp(e.setValue(h.velocity,0),-n,n),this.w0=0,this.zeta=0,this.wd=0,this.b=0,this.completed=!1,this.solverDuration=0,this.settlingDuration=0,this.parent=null,this.onComplete=h.onComplete||t.noop,r&&this.calculateSDFromBD(),this.compute(),this.ease=t=>{const s=t*this.settlingDuration,i=this.completed,e=this.pd;return s>=e&&!i&&(this.completed=!0,this.onComplete(this.parent)),s<e&&i&&(this.completed=!1),0===t||1===t?t:this.solve(t*this.solverDuration)}}solve(t){const{zeta:s,w0:e,wd:n,b:h}=this;let r=t;return r=s<1?i.exp(-r*s*e)*(1*i.cos(n*r)+h*i.sin(n*r)):1===s?(1+h*r)*i.exp(-r*e):((1+h)*i.exp((-s*e+n)*r)+(1-h)*i.exp((-s*e-n)*r))/2,1-r}calculateSDFromBD(){const e=1===s.globals.timeScale?this.pd/t.K:this.pd;this.m=1,this.v=0,this.s=i.pow(2*i.PI/e,2),this.d=this.bn>=0?4*(1-this.bn)*i.PI/e:4*i.PI/(e*(1+this.bn)),this.s=i.round(i.clamp(this.s,t.minValue,n),3),this.d=i.round(i.clamp(this.d,t.minValue,300),3)}calculateBDFromSD(){const e=2*i.PI/i.sqrt(this.s);this.pd=e*(1===s.globals.timeScale?t.K:1);const h=this.d/(2*i.sqrt(this.s));this.bn=h<=1?1-this.d*e/(4*i.PI):4*i.PI/(this.d*e)-1,this.bn=i.round(i.clamp(this.bn,-1,1),3),this.pd=i.round(i.clamp(this.pd,10*s.globals.timeScale,n*s.globals.timeScale),3)}compute(){const{maxRestSteps:e,maxIterations:n,restThreshold:h,timeStep:r,m:o,d:l,s:a,v:c}=this,u=this.w0=i.clamp(i.sqrt(a/o),t.minValue,t.K),f=this.zeta=l/(2*i.sqrt(a*o));f<1?(this.wd=u*i.sqrt(1-f*f),this.b=(f*u-c)/this.wd):1===f?(this.wd=0,this.b=-c+u):(this.wd=u*i.sqrt(f*f-1),this.b=(f*u-c)/this.wd);let d=0,p=0,g=0;for(;p<=e&&g<=n;)i.abs(1-this.solve(d))<h?p++:p=0,this.solverDuration=d,d+=r,g++;this.settlingDuration=i.round(this.solverDuration*t.K,0)*s.globals.timeScale}get bounce(){return this.bn}set bounce(t){this.bn=i.clamp(e.setValue(t,1),-1,1),this.calculateSDFromBD(),this.compute()}get duration(){return this.pd}set duration(t){this.pd=i.clamp(e.setValue(t,1),10*s.globals.timeScale,n*s.globals.timeScale),this.calculateSDFromBD(),this.compute()}get stiffness(){return this.s}set stiffness(s){this.s=i.clamp(e.setValue(s,100),t.minValue,n),this.calculateBDFromSD(),this.compute()}get damping(){return this.d}set damping(s){this.d=i.clamp(e.setValue(s,10),t.minValue,n),this.calculateBDFromSD(),this.compute()}get mass(){return this.m}set mass(t){this.m=i.clamp(e.setValue(t,1),1,n),this.compute()}get velocity(){return this.v}set velocity(t){this.v=i.clamp(e.setValue(t,0),-n,n),this.compute()}}return Ht.Spring=h,Ht.createSpring=t=>(console.warn("createSpring() is deprecated use spring() instead"),new h(t)),Ht.spring=t=>new h(t),Ht}var Xt,Yt,Gt,Zt={},Wt={};function qt(){if(Xt)return Wt;Xt=1;var t=D();const s={_head:null,_tail:null},i=(i,e,n)=>{let h,r=s._head;for(;r;){const o=r._next;if(!(r.$el!==i||e&&r.property!==e||n&&r.parent!==n)){h=r.animation;try{h.commitStyles()}catch{}h.cancel(),t.removeChild(s,r);const i=r.parent;i&&(i._completed++,i.animations.length===i._completed&&(i.completed=!0,i.paused=!0,i.muteCallbacks||(i.onComplete(i),i._resolve(i))))}r=o}return h};return Wt.addWAAPIAnimation=(e,n,h,r,o)=>{const l=n.animate(r,o),a=o.delay+ +o.duration*o.iterations;l.playbackRate=e._speed,e.paused&&l.pause(),e.duration<a&&(e.duration=a,e.controlAnimation=l),e.animations.push(l),i(n,h),t.addChild(s,{parent:e,animation:l,$el:n,property:h,_next:null,_prev:null});const c=()=>{i(n,h,e)};return l.oncancel=c,l.onremove=c,e.persist||(l.onfinish=c),l},Wt.removeWAAPIAnimation=i,Wt}
|
|
86
86
|
/**
|
|
87
87
|
* Anime.js - utils - CJS
|
|
88
88
|
* @version v4.2.2
|
|
@@ -94,7 +94,7 @@ import{h as t,g as s,f as i,r as e}from"./p-aYvE8UX7.js";const n=s=>{const i=s.h
|
|
|
94
94
|
* @version v4.2.2
|
|
95
95
|
* @license MIT
|
|
96
96
|
* @copyright 2025 - Julian Garnier
|
|
97
|
-
*/function Qt(){if(Gt)return Ut;Gt=1;var t=L(),s=R(),i=mt(),e=D(),n=G(),h=Pt(),r=dt(),o=Ft(),l=ft(),a=Lt(),c=St(),u=Ht(),f=Jt();const d=t=>{t.cancelable&&t.preventDefault()};class p{constructor(t){this.el=t,this.zIndex=0,this.parentElement=null,this.classList={add:s.noop,remove:s.noop}}get x(){return this.el.x||0}set x(t){this.el.x=t}get y(){return this.el.y||0}set y(t){this.el.y=t}get width(){return this.el.width||0}set width(t){this.el.width=t}get height(){return this.el.height||0}set height(t){this.el.height=t}getBoundingClientRect(){return{top:this.y,right:this.x,bottom:this.y+this.height,left:this.x+this.width}}}class g{constructor(t){this.$el=t,this.inlineTransforms=[],this.point=new DOMPoint,this.inversedMatrix=this.getMatrix().inverse()}normalizePoint(t,s){return this.point.x=t,this.point.y=s,this.point.matrixTransform(this.inversedMatrix)}traverseUp(t){let i=this.$el.parentElement,e=0;for(;i&&i!==s.doc;)t(i,e),i=i.parentElement,e++}getMatrix(){const t=new DOMMatrix;return this.traverseUp((s=>{const i=getComputedStyle(s).transform;if(i){const s=new DOMMatrix(i);t.preMultiplySelf(s)}})),t}remove(){this.traverseUp(((t,s)=>{this.inlineTransforms[s]=t.style.transform,t.style.transform="none"}))}revert(){this.traverseUp(((t,s)=>{const i=this.inlineTransforms[s];""===i?t.style.removeProperty("transform"):t.style.transform=i}))}}const v=(t,s)=>t&&e.isFnc(t)?t(s):t;let m=0;class b{constructor(h,o={}){if(!h)return;t.scope.current&&t.scope.current.register(this);const l=o.x,d=o.y,m=o.trigger,b=o.modifier,x=o.releaseEase,w=x&&c.parseEase(x),y=!e.isUnd(x)&&!e.isUnd(x.ease),$=e.isObj(l)&&!e.isUnd(l.mapTo)?l.mapTo:"translateX",C=e.isObj(d)&&!e.isUnd(d.mapTo)?d.mapTo:"translateY",k=v(o.container,this);this.containerArray=e.isArr(k)?k:null,this.$container=k&&!this.containerArray?i.parseTargets(k)[0]:s.doc.body,this.useWin=this.$container===s.doc.body,this.$scrollContainer=this.useWin?s.win:this.$container,this.$target=e.isObj(h)?new p(h):i.parseTargets(h)[0],this.$trigger=i.parseTargets(m||h)[0],this.fixed="fixed"===f.get(this.$target,"position"),this.isFinePointer=!0,this.containerPadding=[0,0,0,0],this.containerFriction=0,this.releaseContainerFriction=0,this.snapX=0,this.snapY=0,this.scrollSpeed=0,this.scrollThreshold=0,this.dragSpeed=0,this.dragThreshold=3,this.maxVelocity=0,this.minVelocity=0,this.velocityMultiplier=0,this.cursor=!1,this.releaseXSpring=y?x:u.spring({mass:n.setValue(o.releaseMass,1),stiffness:n.setValue(o.releaseStiffness,80),damping:n.setValue(o.releaseDamping,20)}),this.releaseYSpring=y?x:u.spring({mass:n.setValue(o.releaseMass,1),stiffness:n.setValue(o.releaseStiffness,80),damping:n.setValue(o.releaseDamping,20)}),this.releaseEase=w||c.eases.outQuint,this.hasReleaseSpring=y,this.onGrab=o.onGrab||s.noop,this.onDrag=o.onDrag||s.noop,this.onRelease=o.onRelease||s.noop,this.onUpdate=o.onUpdate||s.noop,this.onSettle=o.onSettle||s.noop,this.onSnap=o.onSnap||s.noop,this.onResize=o.onResize||s.noop,this.onAfterResize=o.onAfterResize||s.noop,this.disabled=[0,0];const M={};if(b&&(M.modifier=b),e.isUnd(l)||!0===l)M[$]=0;else if(e.isObj(l)){const t=l,s={};t.modifier&&(s.modifier=t.modifier),t.composition&&(s.composition=t.composition),M[$]=s}else!1===l&&(M[$]=0,this.disabled[0]=1);if(e.isUnd(d)||!0===d)M[C]=0;else if(e.isObj(d)){const t=d,s={};t.modifier&&(s.modifier=t.modifier),t.composition&&(s.composition=t.composition),M[C]=s}else!1===d&&(M[C]=0,this.disabled[1]=1);this.animate=new a.Animatable(this.$target,M),this.xProp=$,this.yProp=C,this.destX=0,this.destY=0,this.deltaX=0,this.deltaY=0,this.scroll={x:0,y:0},this.coords=[this.x,this.y,0,0],this.snapped=[0,0],this.pointer=[0,0,0,0,0,0,0,0],this.scrollView=[0,0],this.dragArea=[0,0,0,0],this.containerBounds=[-s.maxValue,s.maxValue,s.maxValue,-s.maxValue],this.scrollBounds=[0,0,0,0],this.targetBounds=[0,0,0,0],this.window=[0,0],this.velocityStack=[0,0,0],this.velocityStackIndex=0,this.velocityTime=e.now(),this.velocity=0,this.angle=0,this.cursorStyles=null,this.triggerStyles=null,this.bodyStyles=null,this.targetStyles=null,this.touchActionStyles=null,this.transforms=new g(this.$target),this.overshootCoords={x:0,y:0},this.overshootTicker=new r.Timer({autoplay:!1,onUpdate:()=>{this.updated=!0,this.manual=!0,this.disabled[0]||this.animate[this.xProp](this.overshootCoords.x,1),this.disabled[1]||this.animate[this.yProp](this.overshootCoords.y,1)},onComplete:()=>{this.manual=!1,this.disabled[0]||this.animate[this.xProp](this.overshootCoords.x,0),this.disabled[1]||this.animate[this.yProp](this.overshootCoords.y,0)}},null,0).init(),this.updateTicker=new r.Timer({autoplay:!1,onUpdate:()=>this.update()},null,0).init(),this.contained=!e.isUnd(k),this.manual=!1,this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.enabled=!1,this.initialized=!1,this.activeProp=this.disabled[1]?$:C,this.animate.callbacks.onRender=()=>{const t=this.updated,s=!(this.grabbed&&t)&&this.released,i=this.x,n=this.y,h=i-this.coords[2],r=n-this.coords[3];this.deltaX=h,this.deltaY=r,this.coords[2]=i,this.coords[3]=n,t&&(h||r)&&this.onUpdate(this),s?(this.computeVelocity(h,r),this.angle=e.atan2(r,h)):this.updated=!1},this.animate.callbacks.onComplete=()=>{!this.grabbed&&this.released&&(this.released=!1),this.manual||(this.deltaX=0,this.deltaY=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.onSettle(this))},this.resizeTicker=new r.Timer({autoplay:!1,duration:150*t.globals.timeScale,onComplete:()=>{this.onResize(this),this.refresh(),this.onAfterResize(this)}}).init(),this.parameters=o,this.resizeObserver=new ResizeObserver((()=>{this.initialized?this.resizeTicker.restart():this.initialized=!0})),this.enable(),this.refresh(),this.resizeObserver.observe(this.$container),e.isObj(h)||this.resizeObserver.observe(this.$target)}computeVelocity(t,s){const i=this.velocityTime,n=e.now(),h=n-i;if(h<17)return this.velocity;this.velocityTime=n;const r=this.velocityStack,o=this.velocityMultiplier,l=this.minVelocity,a=this.maxVelocity,c=this.velocityStackIndex;r[c]=e.round(e.clamp(e.sqrt(t*t+s*s)/h*o,l,a),5);const u=e.max(r[0],r[1],r[2]);return this.velocity=u,this.velocityStackIndex=(c+1)%3,u}setX(t,s=!1){if(this.disabled[0])return;const i=e.round(t,5);return this.overshootTicker.pause(),this.manual=!0,this.updated=!s,this.destX=i,this.snapped[0]=e.snap(i,this.snapX),this.animate[this.xProp](i,0),this.manual=!1,this}setY(t,s=!1){if(this.disabled[1])return;const i=e.round(t,5);return this.overshootTicker.pause(),this.manual=!0,this.updated=!s,this.destY=i,this.snapped[1]=e.snap(i,this.snapY),this.animate[this.yProp](i,0),this.manual=!1,this}get x(){return e.round(this.animate[this.xProp](),t.globals.precision)}set x(t){this.setX(t,!1)}get y(){return e.round(this.animate[this.yProp](),t.globals.precision)}set y(t){this.setY(t,!1)}get progressX(){return h.mapRange(this.x,this.containerBounds[3],this.containerBounds[1],0,1)}set progressX(t){this.setX(h.mapRange(t,0,1,this.containerBounds[3],this.containerBounds[1]),!1)}get progressY(){return h.mapRange(this.y,this.containerBounds[0],this.containerBounds[2],0,1)}set progressY(t){this.setY(h.mapRange(t,0,1,this.containerBounds[0],this.containerBounds[2]),!1)}updateScrollCoords(){const t=e.round(this.useWin?s.win.scrollX:this.$container.scrollLeft,0),i=e.round(this.useWin?s.win.scrollY:this.$container.scrollTop,0),[n,h,r,o]=this.containerPadding,l=this.scrollThreshold;this.scroll.x=t,this.scroll.y=i,this.scrollBounds[0]=i-this.targetBounds[0]+n-l,this.scrollBounds[1]=t-this.targetBounds[1]-h+l,this.scrollBounds[2]=i-this.targetBounds[2]-r+l,this.scrollBounds[3]=t-this.targetBounds[3]+o-l}updateBoundingValues(){const t=this.$container;if(!t)return;const i=this.x,n=this.y,h=this.coords[2],r=this.coords[3];this.coords[2]=0,this.coords[3]=0,this.setX(0,!0),this.setY(0,!0),this.transforms.remove();const o=this.window[0]=s.win.innerWidth,l=this.window[1]=s.win.innerHeight,a=this.useWin,c=t.scrollWidth,u=t.scrollHeight,d=this.fixed,p=t.getBoundingClientRect(),[g,v,m,b]=this.containerPadding;this.dragArea[0]=a?0:p.left,this.dragArea[1]=a?0:p.top,this.scrollView[0]=a?e.clamp(c,o,c):c,this.scrollView[1]=a?e.clamp(u,l,u):u,this.updateScrollCoords();const{width:x,height:w,left:y,top:$,right:C,bottom:k}=t.getBoundingClientRect();this.dragArea[2]=e.round(a?e.clamp(x,o,o):x,0),this.dragArea[3]=e.round(a?e.clamp(w,l,l):w,0);const M=f.get(t,"overflow"),_="visible"===M;if(this.canScroll=!d&&this.contained&&(t===s.doc.body&&_||!("hidden"===M)&&!_)&&(c>this.dragArea[2]+b-v||u>this.dragArea[3]+g-m)&&(!this.containerArray||this.containerArray&&!e.isArr(this.containerArray)),this.contained){const s=this.scroll.x,i=this.scroll.y,n=this.canScroll,h=this.$target.getBoundingClientRect(),r=n?a?0:t.scrollLeft:0,c=n?a?0:t.scrollTop:0,u=n?this.scrollView[0]-r-x:0,f=n?this.scrollView[1]-c-w:0;this.targetBounds[0]=e.round(h.top+i-(a?0:$),0),this.targetBounds[1]=e.round(h.right+s-(a?o:C),0),this.targetBounds[2]=e.round(h.bottom+i-(a?l:k),0),this.targetBounds[3]=e.round(h.left+s-(a?0:y),0),this.containerArray?(this.containerBounds[0]=this.containerArray[0]+g,this.containerBounds[1]=this.containerArray[1]-v,this.containerBounds[2]=this.containerArray[2]-m,this.containerBounds[3]=this.containerArray[3]+b):(this.containerBounds[0]=-e.round(h.top-(d?e.clamp($,0,l):$)+c-g,0),this.containerBounds[1]=-e.round(h.right-(d?e.clamp(C,0,o):C)-u+v,0),this.containerBounds[2]=-e.round(h.bottom-(d?e.clamp(k,0,l):k)-f+m,0),this.containerBounds[3]=-e.round(h.left-(d?e.clamp(y,0,o):y)+r-b,0))}this.transforms.revert(),this.coords[2]=h,this.coords[3]=r,this.setX(i,!0),this.setY(n,!0)}isOutOfBounds(t,s,i){if(!this.contained)return 0;const[e,n,h,r]=t,[o,l]=this.disabled,a=!o&&s<r||!o&&s>n,c=!l&&i<e||!l&&i>h;return a&&!c?1:!a&&c?2:a&&c?3:0}refresh(){const t=this.parameters,h=t.x,r=t.y,o=v(t.container,this),l=v(t.containerPadding,this)||0,a=e.isArr(l)?l:[l,l,l,l],c=this.x,u=this.y,f=v(t.cursor,this),d={onHover:"grab",onGrab:"grabbing"};if(f){const{onHover:t,onGrab:s}=f;t&&(d.onHover=t),s&&(d.onGrab=s)}const p=v(t.dragThreshold,this),g={mouse:3,touch:7};if(e.isNum(p))g.mouse=p,g.touch=p;else if(p){const{mouse:t,touch:s}=p;e.isUnd(t)||(g.mouse=t),e.isUnd(s)||(g.touch=s)}this.containerArray=e.isArr(o)?o:null,this.$container=o&&!this.containerArray?i.parseTargets(o)[0]:s.doc.body,this.useWin=this.$container===s.doc.body,this.$scrollContainer=this.useWin?s.win:this.$container,this.isFinePointer=matchMedia("(pointer:fine)").matches,this.containerPadding=n.setValue(a,[0,0,0,0]),this.containerFriction=e.clamp(n.setValue(v(t.containerFriction,this),.8),0,1),this.releaseContainerFriction=e.clamp(n.setValue(v(t.releaseContainerFriction,this),this.containerFriction),0,1),this.snapX=v(e.isObj(h)&&!e.isUnd(h.snap)?h.snap:t.snap,this),this.snapY=v(e.isObj(r)&&!e.isUnd(r.snap)?r.snap:t.snap,this),this.scrollSpeed=n.setValue(v(t.scrollSpeed,this),1.5),this.scrollThreshold=n.setValue(v(t.scrollThreshold,this),20),this.dragSpeed=n.setValue(v(t.dragSpeed,this),1),this.dragThreshold=this.isFinePointer?g.mouse:g.touch,this.minVelocity=n.setValue(v(t.minVelocity,this),0),this.maxVelocity=n.setValue(v(t.maxVelocity,this),50),this.velocityMultiplier=n.setValue(v(t.velocityMultiplier,this),1),this.cursor=!1!==f&&d,this.updateBoundingValues();const[m,b,x,w]=this.containerBounds;this.setX(e.clamp(c,w,b),!0),this.setY(e.clamp(u,m,x),!0)}update(){if(this.updateScrollCoords(),this.canScroll){const[t,s,i,n]=this.containerPadding,[h,r]=this.scrollView,o=this.dragArea[2],l=this.dragArea[3],a=this.scroll.x,c=this.scroll.y,u=this.$container.scrollWidth,f=this.$container.scrollHeight,d=this.useWin?e.clamp(u,this.window[0],u):u,p=this.useWin?e.clamp(f,this.window[1],f):f,g=h-d,v=r-p;this.dragged&&g>0&&(this.coords[0]-=g,this.scrollView[0]=d),this.dragged&&v>0&&(this.coords[1]-=v,this.scrollView[1]=p);const m=10*this.scrollSpeed,b=this.scrollThreshold,[x,w]=this.coords,[y,$,C,k]=this.scrollBounds,M=e.round(e.clamp((w-y+t)/b,-1,0)*m,0),_=e.round(e.clamp((x-$-s)/b,0,1)*m,0),S=e.round(e.clamp((w-C-i)/b,0,1)*m,0),F=e.round(e.clamp((x-k+n)/b,-1,0)*m,0);if(M||S||F||_){const[t,s]=this.disabled;let i=a,n=c;t||(i=e.round(e.clamp(a+(F||_),0,h-o),0),this.coords[0]-=a-i),s||(n=e.round(e.clamp(c+(M||S),0,r-l),0),this.coords[1]-=c-n),this.useWin?this.$scrollContainer.scrollBy(-(a-i),-(c-n)):this.$scrollContainer.scrollTo(i,n)}}const[t,s,i,n]=this.containerBounds,[h,r,o,l,a,c]=this.pointer;this.coords[0]+=(h-a)*this.dragSpeed,this.coords[1]+=(r-c)*this.dragSpeed,this.pointer[4]=h,this.pointer[5]=r;const[u,f]=this.coords,[d,p]=this.snapped,g=(1-this.containerFriction)*this.dragSpeed;this.setX(u>s?s+(u-s)*g:u<n?n+(u-n)*g:u,!1),this.setY(f>i?i+(f-i)*g:f<t?t+(f-t)*g:f,!1),this.computeVelocity(h-a,r-c),this.angle=e.atan2(r-l,h-o);const[v,m]=this.snapped;(v!==d&&this.snapX||m!==p&&this.snapY)&&this.onSnap(this)}stop(){this.updateTicker.pause(),this.overshootTicker.pause();for(let t in this.animate.animations)this.animate.animations[t].pause();return l.removeTargetsFromRenderable([this],null,"x"),l.removeTargetsFromRenderable([this],null,"y"),l.removeTargetsFromRenderable([this],null,"progressX"),l.removeTargetsFromRenderable([this],null,"progressY"),l.removeTargetsFromRenderable([this.scroll]),l.removeTargetsFromRenderable([this.overshootCoords]),this}scrollInView(i,n=0,h=c.eases.inOutQuad){this.updateScrollCoords();const r=this.destX,l=this.destY,a=this.scroll,u=this.scrollBounds,f=this.canScroll;if(!this.containerArray&&this.isOutOfBounds(u,r,l)){const[c,d,p,g]=u,v=e.round(e.clamp(l-c,-s.maxValue,0),0),m=e.round(e.clamp(r-d,0,s.maxValue),0),b=e.round(e.clamp(l-p,0,s.maxValue),0),x=e.round(e.clamp(r-g,-s.maxValue,0),0);new o.JSAnimation(a,{x:e.round(a.x+(x?x-n:m?m+n:0),0),y:e.round(a.y+(v?v-n:b?b+n:0),0),duration:e.isUnd(i)?350*t.globals.timeScale:i,ease:h,onUpdate:()=>{this.canScroll=!1,this.$scrollContainer.scrollTo(a.x,a.y)}}).init().then((()=>{this.canScroll=f}))}return this}handleHover(){this.isFinePointer&&this.cursor&&!this.cursorStyles&&(this.cursorStyles=f.set(this.$trigger,{cursor:this.cursor.onHover}))}animateInView(s,i=0,n=c.eases.inOutQuad){this.stop(),this.updateBoundingValues();const h=this.x,r=this.y,[o,l,a,u]=this.containerPadding,f=this.scroll.y-this.targetBounds[0]+o+i,d=this.scroll.x-this.targetBounds[1]-l-i,p=this.scroll.y-this.targetBounds[2]-a-i,g=this.scroll.x-this.targetBounds[3]+u+i,v=this.isOutOfBounds([f,d,p,g],h,r);if(v){const[i,o]=this.disabled,l=e.clamp(e.snap(h,this.snapX),g,d),a=e.clamp(e.snap(r,this.snapY),f,p),c=e.isUnd(s)?350*t.globals.timeScale:s;i||1!==v&&3!==v||this.animate[this.xProp](l,c,n),o||2!==v&&3!==v||this.animate[this.yProp](a,c,n)}return this}handleDown(t){if(this.grabbed||"range"===t.target.type)return;t.stopPropagation(),this.grabbed=!0,this.released=!1,this.stop(),this.updateBoundingValues();const i=t.changedTouches,e=i?i[0].clientX:t.clientX,n=i?i[0].clientY:t.clientY,{x:h,y:r}=this.transforms.normalizePoint(e,n),[o,l,a,u]=this.containerBounds,d=(1-this.containerFriction)*this.dragSpeed,p=this.x,g=this.y;this.coords[0]=this.coords[2]=d?p>l?l+(p-l)/d:p<u?u+(p-u)/d:p:p,this.coords[1]=this.coords[3]=d?g>a?a+(g-a)/d:g<o?o+(g-o)/d:g:g,this.pointer[0]=h,this.pointer[1]=r,this.pointer[2]=h,this.pointer[3]=r,this.pointer[4]=h,this.pointer[5]=r,this.pointer[6]=h,this.pointer[7]=r,this.deltaX=0,this.deltaY=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.angle=0,this.targetStyles&&(this.targetStyles.revert(),this.targetStyles=null);const v=f.get(this.$target,"zIndex",!1);m=(v>m?v:m)+1,this.targetStyles=f.set(this.$target,{zIndex:m}),this.triggerStyles&&(this.triggerStyles.revert(),this.triggerStyles=null),this.cursorStyles&&(this.cursorStyles.revert(),this.cursorStyles=null),this.isFinePointer&&this.cursor&&(this.bodyStyles=f.set(s.doc.body,{cursor:this.cursor.onGrab})),this.scrollInView(100,0,c.eases.out(3)),this.onGrab(this),s.doc.addEventListener("touchmove",this),s.doc.addEventListener("touchend",this),s.doc.addEventListener("touchcancel",this),s.doc.addEventListener("mousemove",this),s.doc.addEventListener("mouseup",this),s.doc.addEventListener("selectstart",this)}handleMove(t){if(!this.grabbed)return;const s=t.changedTouches,i=s?s[0].clientX:t.clientX,n=s?s[0].clientY:t.clientY,{x:h,y:r}=this.transforms.normalizePoint(i,n),o=h-this.pointer[6],l=r-this.pointer[7];let a=t.target,c=!1,u=!1,p=!1;for(;s&&a&&a!==this.$trigger;){const t=f.get(a,"overflow-y");if("hidden"!==t&&"visible"!==t){const{scrollTop:t,scrollHeight:s,clientHeight:i}=a;if(s>i){p=!0,c=t<=3,u=t>=s-i-3;break}}a=a.parentElement}p&&(!c&&!u||c&&l<0||u&&l>0)?(this.pointer[0]=h,this.pointer[1]=r,this.pointer[2]=h,this.pointer[3]=r,this.pointer[4]=h,this.pointer[5]=r,this.pointer[6]=h,this.pointer[7]=r):(d(t),this.triggerStyles||(this.triggerStyles=f.set(this.$trigger,{pointerEvents:"none"})),this.$trigger.addEventListener("touchstart",d,{passive:!1}),this.$trigger.addEventListener("touchmove",d,{passive:!1}),this.$trigger.addEventListener("touchend",d),(this.dragged||!this.disabled[0]&&e.abs(o)>this.dragThreshold||!this.disabled[1]&&e.abs(l)>this.dragThreshold)&&(this.updateTicker.resume(),this.pointer[2]=this.pointer[0],this.pointer[3]=this.pointer[1],this.pointer[0]=h,this.pointer[1]=r,this.dragged=!0,this.released=!1,this.onDrag(this)))}handleUp(){if(!this.grabbed)return;this.updateTicker.pause(),this.triggerStyles&&(this.triggerStyles.revert(),this.triggerStyles=null),this.bodyStyles&&(this.bodyStyles.revert(),this.bodyStyles=null);const[i,n]=this.disabled,[h,r,l,a,c,u]=this.pointer,[f,p,g,v]=this.containerBounds,[m,b]=this.snapped,x=this.releaseXSpring,w=this.releaseYSpring,y=this.releaseEase,$=this.hasReleaseSpring,C=this.overshootCoords,k=this.x,M=this.y,_=this.computeVelocity(h-c,r-u),S=this.angle=e.atan2(r-a,h-l),F=150*_,N=(1-this.releaseContainerFriction)*this.dragSpeed,T=k+e.cos(S)*F,B=M+e.sin(S)*F,R=T>p?p+(T-p)*N:T<v?v+(T-v)*N:T,E=B>g?g+(B-g)*N:B<f?f+(B-f)*N:B,O=this.destX=e.clamp(e.round(e.snap(R,this.snapX),5),v,p),A=this.destY=e.clamp(e.round(e.snap(E,this.snapY),5),f,g),z=this.isOutOfBounds(this.containerBounds,T,B);let L=0,D=0,U=y,I=y,P=0;if(C.x=k,C.y=M,!i){const s=O===p?k>p?-1:1:k<v?-1:1,i=e.round(k-O,0);x.velocity=n&&$?i?F*s/e.abs(i):0:_;const{ease:h,settlingDuration:r,restDuration:o}=x;L=k===O?0:$?r:r-o*t.globals.timeScale,$&&(U=h),L>P&&(P=L)}if(!n){const s=A===g?M>g?-1:1:M<f?-1:1,n=e.round(M-A,0);w.velocity=i&&$?n?F*s/e.abs(n):0:_;const{ease:h,settlingDuration:r,restDuration:o}=w;D=M===A?0:$?r:r-o*t.globals.timeScale,$&&(I=h),D>P&&(P=D)}if(!$&&z&&N&&(L||D)){const t=s.compositionTypes.blend;new o.JSAnimation(C,{x:{to:R,duration:.65*L},y:{to:E,duration:.65*D},ease:y,composition:t}).init(),new o.JSAnimation(C,{x:{to:O,duration:L},y:{to:A,duration:D},ease:y,composition:t}).init(),this.overshootTicker.stretch(e.max(L,D)).restart()}else i||this.animate[this.xProp](O,L,U),n||this.animate[this.yProp](A,D,I);this.scrollInView(P,this.scrollThreshold,y);let j=!1;O!==m&&(this.snapped[0]=O,this.snapX&&(j=!0)),A!==b&&this.snapY&&(this.snapped[1]=A,this.snapY&&(j=!0)),j&&this.onSnap(this),this.grabbed=!1,this.dragged=!1,this.updated=!0,this.released=!0,this.onRelease(this),this.$trigger.removeEventListener("touchstart",d),this.$trigger.removeEventListener("touchmove",d),this.$trigger.removeEventListener("touchend",d),s.doc.removeEventListener("touchmove",this),s.doc.removeEventListener("touchend",this),s.doc.removeEventListener("touchcancel",this),s.doc.removeEventListener("mousemove",this),s.doc.removeEventListener("mouseup",this),s.doc.removeEventListener("selectstart",this)}reset(){return this.stop(),this.resizeTicker.pause(),this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.setX(0,!0),this.setY(0,!0),this.coords[0]=0,this.coords[1]=0,this.pointer[0]=0,this.pointer[1]=0,this.pointer[2]=0,this.pointer[3]=0,this.pointer[4]=0,this.pointer[5]=0,this.pointer[6]=0,this.pointer[7]=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.angle=0,this}enable(){return this.enabled||(this.enabled=!0,this.$target.classList.remove("is-disabled"),this.touchActionStyles=f.set(this.$trigger,{touchAction:this.disabled[0]?"pan-x":this.disabled[1]?"pan-y":"none"}),this.$trigger.addEventListener("touchstart",this,{passive:!0}),this.$trigger.addEventListener("mousedown",this,{passive:!0}),this.$trigger.addEventListener("mouseenter",this)),this}disable(){return this.enabled=!1,this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.touchActionStyles.revert(),this.cursorStyles&&(this.cursorStyles.revert(),this.cursorStyles=null),this.triggerStyles&&(this.triggerStyles.revert(),this.triggerStyles=null),this.bodyStyles&&(this.bodyStyles.revert(),this.bodyStyles=null),this.targetStyles&&(this.targetStyles.revert(),this.targetStyles=null),this.$target.classList.add("is-disabled"),this.$trigger.removeEventListener("touchstart",this),this.$trigger.removeEventListener("mousedown",this),this.$trigger.removeEventListener("mouseenter",this),s.doc.removeEventListener("touchmove",this),s.doc.removeEventListener("touchend",this),s.doc.removeEventListener("touchcancel",this),s.doc.removeEventListener("mousemove",this),s.doc.removeEventListener("mouseup",this),s.doc.removeEventListener("selectstart",this),this}revert(){return this.reset(),this.disable(),this.$target.classList.remove("is-disabled"),this.updateTicker.revert(),this.overshootTicker.revert(),this.resizeTicker.revert(),this.animate.revert(),this.resizeObserver.disconnect(),this}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":this.handleDown(t);break;case"mousemove":case"touchmove":this.handleMove(t);break;case"mouseup":case"touchend":case"touchcancel":this.handleUp();break;case"mouseenter":this.handleHover();break;case"selectstart":d(t)}}}return Ut.Draggable=b,Ut.createDraggable=(t,s)=>new b(t,s),Ut}var Kt,ts,ss={},is={};function es(){if(Kt)return is;Kt=1;var t=R(),s=L(),i=D(),e=dt();return is.keepTime=s=>{let e;return(...n)=>{let h,r,o,l;e&&(h=e.currentIteration,r=e.iterationProgress,o=e.reversed,l=e._alternate,e.revert());const a=s(...n);return a&&!i.isFnc(a)&&a.revert&&(e=a),i.isUnd(r)||(e.currentIteration=h,e.iterationProgress=(l&&h%2?!o:o)?1-r:r),a||t.noop}},is.sync=(i=t.noop)=>new e.Timer({duration:1*s.globals.timeScale,onComplete:i},null,0).resume(),is}
|
|
97
|
+
*/function Qt(){if(Gt)return Ut;Gt=1;var t=L(),s=R(),i=mt(),e=D(),n=G(),h=Pt(),r=dt(),o=Ft(),l=ft(),a=Lt(),c=St(),u=Vt(),f=Jt();const d=t=>{t.cancelable&&t.preventDefault()};class p{constructor(t){this.el=t,this.zIndex=0,this.parentElement=null,this.classList={add:s.noop,remove:s.noop}}get x(){return this.el.x||0}set x(t){this.el.x=t}get y(){return this.el.y||0}set y(t){this.el.y=t}get width(){return this.el.width||0}set width(t){this.el.width=t}get height(){return this.el.height||0}set height(t){this.el.height=t}getBoundingClientRect(){return{top:this.y,right:this.x,bottom:this.y+this.height,left:this.x+this.width}}}class g{constructor(t){this.$el=t,this.inlineTransforms=[],this.point=new DOMPoint,this.inversedMatrix=this.getMatrix().inverse()}normalizePoint(t,s){return this.point.x=t,this.point.y=s,this.point.matrixTransform(this.inversedMatrix)}traverseUp(t){let i=this.$el.parentElement,e=0;for(;i&&i!==s.doc;)t(i,e),i=i.parentElement,e++}getMatrix(){const t=new DOMMatrix;return this.traverseUp((s=>{const i=getComputedStyle(s).transform;if(i){const s=new DOMMatrix(i);t.preMultiplySelf(s)}})),t}remove(){this.traverseUp(((t,s)=>{this.inlineTransforms[s]=t.style.transform,t.style.transform="none"}))}revert(){this.traverseUp(((t,s)=>{const i=this.inlineTransforms[s];""===i?t.style.removeProperty("transform"):t.style.transform=i}))}}const v=(t,s)=>t&&e.isFnc(t)?t(s):t;let m=0;class b{constructor(h,o={}){if(!h)return;t.scope.current&&t.scope.current.register(this);const l=o.x,d=o.y,m=o.trigger,b=o.modifier,x=o.releaseEase,w=x&&c.parseEase(x),y=!e.isUnd(x)&&!e.isUnd(x.ease),$=e.isObj(l)&&!e.isUnd(l.mapTo)?l.mapTo:"translateX",C=e.isObj(d)&&!e.isUnd(d.mapTo)?d.mapTo:"translateY",k=v(o.container,this);this.containerArray=e.isArr(k)?k:null,this.$container=k&&!this.containerArray?i.parseTargets(k)[0]:s.doc.body,this.useWin=this.$container===s.doc.body,this.$scrollContainer=this.useWin?s.win:this.$container,this.$target=e.isObj(h)?new p(h):i.parseTargets(h)[0],this.$trigger=i.parseTargets(m||h)[0],this.fixed="fixed"===f.get(this.$target,"position"),this.isFinePointer=!0,this.containerPadding=[0,0,0,0],this.containerFriction=0,this.releaseContainerFriction=0,this.snapX=0,this.snapY=0,this.scrollSpeed=0,this.scrollThreshold=0,this.dragSpeed=0,this.dragThreshold=3,this.maxVelocity=0,this.minVelocity=0,this.velocityMultiplier=0,this.cursor=!1,this.releaseXSpring=y?x:u.spring({mass:n.setValue(o.releaseMass,1),stiffness:n.setValue(o.releaseStiffness,80),damping:n.setValue(o.releaseDamping,20)}),this.releaseYSpring=y?x:u.spring({mass:n.setValue(o.releaseMass,1),stiffness:n.setValue(o.releaseStiffness,80),damping:n.setValue(o.releaseDamping,20)}),this.releaseEase=w||c.eases.outQuint,this.hasReleaseSpring=y,this.onGrab=o.onGrab||s.noop,this.onDrag=o.onDrag||s.noop,this.onRelease=o.onRelease||s.noop,this.onUpdate=o.onUpdate||s.noop,this.onSettle=o.onSettle||s.noop,this.onSnap=o.onSnap||s.noop,this.onResize=o.onResize||s.noop,this.onAfterResize=o.onAfterResize||s.noop,this.disabled=[0,0];const M={};if(b&&(M.modifier=b),e.isUnd(l)||!0===l)M[$]=0;else if(e.isObj(l)){const t=l,s={};t.modifier&&(s.modifier=t.modifier),t.composition&&(s.composition=t.composition),M[$]=s}else!1===l&&(M[$]=0,this.disabled[0]=1);if(e.isUnd(d)||!0===d)M[C]=0;else if(e.isObj(d)){const t=d,s={};t.modifier&&(s.modifier=t.modifier),t.composition&&(s.composition=t.composition),M[C]=s}else!1===d&&(M[C]=0,this.disabled[1]=1);this.animate=new a.Animatable(this.$target,M),this.xProp=$,this.yProp=C,this.destX=0,this.destY=0,this.deltaX=0,this.deltaY=0,this.scroll={x:0,y:0},this.coords=[this.x,this.y,0,0],this.snapped=[0,0],this.pointer=[0,0,0,0,0,0,0,0],this.scrollView=[0,0],this.dragArea=[0,0,0,0],this.containerBounds=[-s.maxValue,s.maxValue,s.maxValue,-s.maxValue],this.scrollBounds=[0,0,0,0],this.targetBounds=[0,0,0,0],this.window=[0,0],this.velocityStack=[0,0,0],this.velocityStackIndex=0,this.velocityTime=e.now(),this.velocity=0,this.angle=0,this.cursorStyles=null,this.triggerStyles=null,this.bodyStyles=null,this.targetStyles=null,this.touchActionStyles=null,this.transforms=new g(this.$target),this.overshootCoords={x:0,y:0},this.overshootTicker=new r.Timer({autoplay:!1,onUpdate:()=>{this.updated=!0,this.manual=!0,this.disabled[0]||this.animate[this.xProp](this.overshootCoords.x,1),this.disabled[1]||this.animate[this.yProp](this.overshootCoords.y,1)},onComplete:()=>{this.manual=!1,this.disabled[0]||this.animate[this.xProp](this.overshootCoords.x,0),this.disabled[1]||this.animate[this.yProp](this.overshootCoords.y,0)}},null,0).init(),this.updateTicker=new r.Timer({autoplay:!1,onUpdate:()=>this.update()},null,0).init(),this.contained=!e.isUnd(k),this.manual=!1,this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.enabled=!1,this.initialized=!1,this.activeProp=this.disabled[1]?$:C,this.animate.callbacks.onRender=()=>{const t=this.updated,s=!(this.grabbed&&t)&&this.released,i=this.x,n=this.y,h=i-this.coords[2],r=n-this.coords[3];this.deltaX=h,this.deltaY=r,this.coords[2]=i,this.coords[3]=n,t&&(h||r)&&this.onUpdate(this),s?(this.computeVelocity(h,r),this.angle=e.atan2(r,h)):this.updated=!1},this.animate.callbacks.onComplete=()=>{!this.grabbed&&this.released&&(this.released=!1),this.manual||(this.deltaX=0,this.deltaY=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.onSettle(this))},this.resizeTicker=new r.Timer({autoplay:!1,duration:150*t.globals.timeScale,onComplete:()=>{this.onResize(this),this.refresh(),this.onAfterResize(this)}}).init(),this.parameters=o,this.resizeObserver=new ResizeObserver((()=>{this.initialized?this.resizeTicker.restart():this.initialized=!0})),this.enable(),this.refresh(),this.resizeObserver.observe(this.$container),e.isObj(h)||this.resizeObserver.observe(this.$target)}computeVelocity(t,s){const i=this.velocityTime,n=e.now(),h=n-i;if(h<17)return this.velocity;this.velocityTime=n;const r=this.velocityStack,o=this.velocityMultiplier,l=this.minVelocity,a=this.maxVelocity,c=this.velocityStackIndex;r[c]=e.round(e.clamp(e.sqrt(t*t+s*s)/h*o,l,a),5);const u=e.max(r[0],r[1],r[2]);return this.velocity=u,this.velocityStackIndex=(c+1)%3,u}setX(t,s=!1){if(this.disabled[0])return;const i=e.round(t,5);return this.overshootTicker.pause(),this.manual=!0,this.updated=!s,this.destX=i,this.snapped[0]=e.snap(i,this.snapX),this.animate[this.xProp](i,0),this.manual=!1,this}setY(t,s=!1){if(this.disabled[1])return;const i=e.round(t,5);return this.overshootTicker.pause(),this.manual=!0,this.updated=!s,this.destY=i,this.snapped[1]=e.snap(i,this.snapY),this.animate[this.yProp](i,0),this.manual=!1,this}get x(){return e.round(this.animate[this.xProp](),t.globals.precision)}set x(t){this.setX(t,!1)}get y(){return e.round(this.animate[this.yProp](),t.globals.precision)}set y(t){this.setY(t,!1)}get progressX(){return h.mapRange(this.x,this.containerBounds[3],this.containerBounds[1],0,1)}set progressX(t){this.setX(h.mapRange(t,0,1,this.containerBounds[3],this.containerBounds[1]),!1)}get progressY(){return h.mapRange(this.y,this.containerBounds[0],this.containerBounds[2],0,1)}set progressY(t){this.setY(h.mapRange(t,0,1,this.containerBounds[0],this.containerBounds[2]),!1)}updateScrollCoords(){const t=e.round(this.useWin?s.win.scrollX:this.$container.scrollLeft,0),i=e.round(this.useWin?s.win.scrollY:this.$container.scrollTop,0),[n,h,r,o]=this.containerPadding,l=this.scrollThreshold;this.scroll.x=t,this.scroll.y=i,this.scrollBounds[0]=i-this.targetBounds[0]+n-l,this.scrollBounds[1]=t-this.targetBounds[1]-h+l,this.scrollBounds[2]=i-this.targetBounds[2]-r+l,this.scrollBounds[3]=t-this.targetBounds[3]+o-l}updateBoundingValues(){const t=this.$container;if(!t)return;const i=this.x,n=this.y,h=this.coords[2],r=this.coords[3];this.coords[2]=0,this.coords[3]=0,this.setX(0,!0),this.setY(0,!0),this.transforms.remove();const o=this.window[0]=s.win.innerWidth,l=this.window[1]=s.win.innerHeight,a=this.useWin,c=t.scrollWidth,u=t.scrollHeight,d=this.fixed,p=t.getBoundingClientRect(),[g,v,m,b]=this.containerPadding;this.dragArea[0]=a?0:p.left,this.dragArea[1]=a?0:p.top,this.scrollView[0]=a?e.clamp(c,o,c):c,this.scrollView[1]=a?e.clamp(u,l,u):u,this.updateScrollCoords();const{width:x,height:w,left:y,top:$,right:C,bottom:k}=t.getBoundingClientRect();this.dragArea[2]=e.round(a?e.clamp(x,o,o):x,0),this.dragArea[3]=e.round(a?e.clamp(w,l,l):w,0);const M=f.get(t,"overflow"),_="visible"===M;if(this.canScroll=!d&&this.contained&&(t===s.doc.body&&_||!("hidden"===M)&&!_)&&(c>this.dragArea[2]+b-v||u>this.dragArea[3]+g-m)&&(!this.containerArray||this.containerArray&&!e.isArr(this.containerArray)),this.contained){const s=this.scroll.x,i=this.scroll.y,n=this.canScroll,h=this.$target.getBoundingClientRect(),r=n?a?0:t.scrollLeft:0,c=n?a?0:t.scrollTop:0,u=n?this.scrollView[0]-r-x:0,f=n?this.scrollView[1]-c-w:0;this.targetBounds[0]=e.round(h.top+i-(a?0:$),0),this.targetBounds[1]=e.round(h.right+s-(a?o:C),0),this.targetBounds[2]=e.round(h.bottom+i-(a?l:k),0),this.targetBounds[3]=e.round(h.left+s-(a?0:y),0),this.containerArray?(this.containerBounds[0]=this.containerArray[0]+g,this.containerBounds[1]=this.containerArray[1]-v,this.containerBounds[2]=this.containerArray[2]-m,this.containerBounds[3]=this.containerArray[3]+b):(this.containerBounds[0]=-e.round(h.top-(d?e.clamp($,0,l):$)+c-g,0),this.containerBounds[1]=-e.round(h.right-(d?e.clamp(C,0,o):C)-u+v,0),this.containerBounds[2]=-e.round(h.bottom-(d?e.clamp(k,0,l):k)-f+m,0),this.containerBounds[3]=-e.round(h.left-(d?e.clamp(y,0,o):y)+r-b,0))}this.transforms.revert(),this.coords[2]=h,this.coords[3]=r,this.setX(i,!0),this.setY(n,!0)}isOutOfBounds(t,s,i){if(!this.contained)return 0;const[e,n,h,r]=t,[o,l]=this.disabled,a=!o&&s<r||!o&&s>n,c=!l&&i<e||!l&&i>h;return a&&!c?1:!a&&c?2:a&&c?3:0}refresh(){const t=this.parameters,h=t.x,r=t.y,o=v(t.container,this),l=v(t.containerPadding,this)||0,a=e.isArr(l)?l:[l,l,l,l],c=this.x,u=this.y,f=v(t.cursor,this),d={onHover:"grab",onGrab:"grabbing"};if(f){const{onHover:t,onGrab:s}=f;t&&(d.onHover=t),s&&(d.onGrab=s)}const p=v(t.dragThreshold,this),g={mouse:3,touch:7};if(e.isNum(p))g.mouse=p,g.touch=p;else if(p){const{mouse:t,touch:s}=p;e.isUnd(t)||(g.mouse=t),e.isUnd(s)||(g.touch=s)}this.containerArray=e.isArr(o)?o:null,this.$container=o&&!this.containerArray?i.parseTargets(o)[0]:s.doc.body,this.useWin=this.$container===s.doc.body,this.$scrollContainer=this.useWin?s.win:this.$container,this.isFinePointer=matchMedia("(pointer:fine)").matches,this.containerPadding=n.setValue(a,[0,0,0,0]),this.containerFriction=e.clamp(n.setValue(v(t.containerFriction,this),.8),0,1),this.releaseContainerFriction=e.clamp(n.setValue(v(t.releaseContainerFriction,this),this.containerFriction),0,1),this.snapX=v(e.isObj(h)&&!e.isUnd(h.snap)?h.snap:t.snap,this),this.snapY=v(e.isObj(r)&&!e.isUnd(r.snap)?r.snap:t.snap,this),this.scrollSpeed=n.setValue(v(t.scrollSpeed,this),1.5),this.scrollThreshold=n.setValue(v(t.scrollThreshold,this),20),this.dragSpeed=n.setValue(v(t.dragSpeed,this),1),this.dragThreshold=this.isFinePointer?g.mouse:g.touch,this.minVelocity=n.setValue(v(t.minVelocity,this),0),this.maxVelocity=n.setValue(v(t.maxVelocity,this),50),this.velocityMultiplier=n.setValue(v(t.velocityMultiplier,this),1),this.cursor=!1!==f&&d,this.updateBoundingValues();const[m,b,x,w]=this.containerBounds;this.setX(e.clamp(c,w,b),!0),this.setY(e.clamp(u,m,x),!0)}update(){if(this.updateScrollCoords(),this.canScroll){const[t,s,i,n]=this.containerPadding,[h,r]=this.scrollView,o=this.dragArea[2],l=this.dragArea[3],a=this.scroll.x,c=this.scroll.y,u=this.$container.scrollWidth,f=this.$container.scrollHeight,d=this.useWin?e.clamp(u,this.window[0],u):u,p=this.useWin?e.clamp(f,this.window[1],f):f,g=h-d,v=r-p;this.dragged&&g>0&&(this.coords[0]-=g,this.scrollView[0]=d),this.dragged&&v>0&&(this.coords[1]-=v,this.scrollView[1]=p);const m=10*this.scrollSpeed,b=this.scrollThreshold,[x,w]=this.coords,[y,$,C,k]=this.scrollBounds,M=e.round(e.clamp((w-y+t)/b,-1,0)*m,0),_=e.round(e.clamp((x-$-s)/b,0,1)*m,0),S=e.round(e.clamp((w-C-i)/b,0,1)*m,0),F=e.round(e.clamp((x-k+n)/b,-1,0)*m,0);if(M||S||F||_){const[t,s]=this.disabled;let i=a,n=c;t||(i=e.round(e.clamp(a+(F||_),0,h-o),0),this.coords[0]-=a-i),s||(n=e.round(e.clamp(c+(M||S),0,r-l),0),this.coords[1]-=c-n),this.useWin?this.$scrollContainer.scrollBy(-(a-i),-(c-n)):this.$scrollContainer.scrollTo(i,n)}}const[t,s,i,n]=this.containerBounds,[h,r,o,l,a,c]=this.pointer;this.coords[0]+=(h-a)*this.dragSpeed,this.coords[1]+=(r-c)*this.dragSpeed,this.pointer[4]=h,this.pointer[5]=r;const[u,f]=this.coords,[d,p]=this.snapped,g=(1-this.containerFriction)*this.dragSpeed;this.setX(u>s?s+(u-s)*g:u<n?n+(u-n)*g:u,!1),this.setY(f>i?i+(f-i)*g:f<t?t+(f-t)*g:f,!1),this.computeVelocity(h-a,r-c),this.angle=e.atan2(r-l,h-o);const[v,m]=this.snapped;(v!==d&&this.snapX||m!==p&&this.snapY)&&this.onSnap(this)}stop(){this.updateTicker.pause(),this.overshootTicker.pause();for(let t in this.animate.animations)this.animate.animations[t].pause();return l.removeTargetsFromRenderable([this],null,"x"),l.removeTargetsFromRenderable([this],null,"y"),l.removeTargetsFromRenderable([this],null,"progressX"),l.removeTargetsFromRenderable([this],null,"progressY"),l.removeTargetsFromRenderable([this.scroll]),l.removeTargetsFromRenderable([this.overshootCoords]),this}scrollInView(i,n=0,h=c.eases.inOutQuad){this.updateScrollCoords();const r=this.destX,l=this.destY,a=this.scroll,u=this.scrollBounds,f=this.canScroll;if(!this.containerArray&&this.isOutOfBounds(u,r,l)){const[c,d,p,g]=u,v=e.round(e.clamp(l-c,-s.maxValue,0),0),m=e.round(e.clamp(r-d,0,s.maxValue),0),b=e.round(e.clamp(l-p,0,s.maxValue),0),x=e.round(e.clamp(r-g,-s.maxValue,0),0);new o.JSAnimation(a,{x:e.round(a.x+(x?x-n:m?m+n:0),0),y:e.round(a.y+(v?v-n:b?b+n:0),0),duration:e.isUnd(i)?350*t.globals.timeScale:i,ease:h,onUpdate:()=>{this.canScroll=!1,this.$scrollContainer.scrollTo(a.x,a.y)}}).init().then((()=>{this.canScroll=f}))}return this}handleHover(){this.isFinePointer&&this.cursor&&!this.cursorStyles&&(this.cursorStyles=f.set(this.$trigger,{cursor:this.cursor.onHover}))}animateInView(s,i=0,n=c.eases.inOutQuad){this.stop(),this.updateBoundingValues();const h=this.x,r=this.y,[o,l,a,u]=this.containerPadding,f=this.scroll.y-this.targetBounds[0]+o+i,d=this.scroll.x-this.targetBounds[1]-l-i,p=this.scroll.y-this.targetBounds[2]-a-i,g=this.scroll.x-this.targetBounds[3]+u+i,v=this.isOutOfBounds([f,d,p,g],h,r);if(v){const[i,o]=this.disabled,l=e.clamp(e.snap(h,this.snapX),g,d),a=e.clamp(e.snap(r,this.snapY),f,p),c=e.isUnd(s)?350*t.globals.timeScale:s;i||1!==v&&3!==v||this.animate[this.xProp](l,c,n),o||2!==v&&3!==v||this.animate[this.yProp](a,c,n)}return this}handleDown(t){if(this.grabbed||"range"===t.target.type)return;t.stopPropagation(),this.grabbed=!0,this.released=!1,this.stop(),this.updateBoundingValues();const i=t.changedTouches,e=i?i[0].clientX:t.clientX,n=i?i[0].clientY:t.clientY,{x:h,y:r}=this.transforms.normalizePoint(e,n),[o,l,a,u]=this.containerBounds,d=(1-this.containerFriction)*this.dragSpeed,p=this.x,g=this.y;this.coords[0]=this.coords[2]=d?p>l?l+(p-l)/d:p<u?u+(p-u)/d:p:p,this.coords[1]=this.coords[3]=d?g>a?a+(g-a)/d:g<o?o+(g-o)/d:g:g,this.pointer[0]=h,this.pointer[1]=r,this.pointer[2]=h,this.pointer[3]=r,this.pointer[4]=h,this.pointer[5]=r,this.pointer[6]=h,this.pointer[7]=r,this.deltaX=0,this.deltaY=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.angle=0,this.targetStyles&&(this.targetStyles.revert(),this.targetStyles=null);const v=f.get(this.$target,"zIndex",!1);m=(v>m?v:m)+1,this.targetStyles=f.set(this.$target,{zIndex:m}),this.triggerStyles&&(this.triggerStyles.revert(),this.triggerStyles=null),this.cursorStyles&&(this.cursorStyles.revert(),this.cursorStyles=null),this.isFinePointer&&this.cursor&&(this.bodyStyles=f.set(s.doc.body,{cursor:this.cursor.onGrab})),this.scrollInView(100,0,c.eases.out(3)),this.onGrab(this),s.doc.addEventListener("touchmove",this),s.doc.addEventListener("touchend",this),s.doc.addEventListener("touchcancel",this),s.doc.addEventListener("mousemove",this),s.doc.addEventListener("mouseup",this),s.doc.addEventListener("selectstart",this)}handleMove(t){if(!this.grabbed)return;const s=t.changedTouches,i=s?s[0].clientX:t.clientX,n=s?s[0].clientY:t.clientY,{x:h,y:r}=this.transforms.normalizePoint(i,n),o=h-this.pointer[6],l=r-this.pointer[7];let a=t.target,c=!1,u=!1,p=!1;for(;s&&a&&a!==this.$trigger;){const t=f.get(a,"overflow-y");if("hidden"!==t&&"visible"!==t){const{scrollTop:t,scrollHeight:s,clientHeight:i}=a;if(s>i){p=!0,c=t<=3,u=t>=s-i-3;break}}a=a.parentElement}p&&(!c&&!u||c&&l<0||u&&l>0)?(this.pointer[0]=h,this.pointer[1]=r,this.pointer[2]=h,this.pointer[3]=r,this.pointer[4]=h,this.pointer[5]=r,this.pointer[6]=h,this.pointer[7]=r):(d(t),this.triggerStyles||(this.triggerStyles=f.set(this.$trigger,{pointerEvents:"none"})),this.$trigger.addEventListener("touchstart",d,{passive:!1}),this.$trigger.addEventListener("touchmove",d,{passive:!1}),this.$trigger.addEventListener("touchend",d),(this.dragged||!this.disabled[0]&&e.abs(o)>this.dragThreshold||!this.disabled[1]&&e.abs(l)>this.dragThreshold)&&(this.updateTicker.resume(),this.pointer[2]=this.pointer[0],this.pointer[3]=this.pointer[1],this.pointer[0]=h,this.pointer[1]=r,this.dragged=!0,this.released=!1,this.onDrag(this)))}handleUp(){if(!this.grabbed)return;this.updateTicker.pause(),this.triggerStyles&&(this.triggerStyles.revert(),this.triggerStyles=null),this.bodyStyles&&(this.bodyStyles.revert(),this.bodyStyles=null);const[i,n]=this.disabled,[h,r,l,a,c,u]=this.pointer,[f,p,g,v]=this.containerBounds,[m,b]=this.snapped,x=this.releaseXSpring,w=this.releaseYSpring,y=this.releaseEase,$=this.hasReleaseSpring,C=this.overshootCoords,k=this.x,M=this.y,_=this.computeVelocity(h-c,r-u),S=this.angle=e.atan2(r-a,h-l),F=150*_,N=(1-this.releaseContainerFriction)*this.dragSpeed,T=k+e.cos(S)*F,B=M+e.sin(S)*F,R=T>p?p+(T-p)*N:T<v?v+(T-v)*N:T,O=B>g?g+(B-g)*N:B<f?f+(B-f)*N:B,E=this.destX=e.clamp(e.round(e.snap(R,this.snapX),5),v,p),A=this.destY=e.clamp(e.round(e.snap(O,this.snapY),5),f,g),z=this.isOutOfBounds(this.containerBounds,T,B);let L=0,D=0,U=y,I=y,P=0;if(C.x=k,C.y=M,!i){const s=E===p?k>p?-1:1:k<v?-1:1,i=e.round(k-E,0);x.velocity=n&&$?i?F*s/e.abs(i):0:_;const{ease:h,settlingDuration:r,restDuration:o}=x;L=k===E?0:$?r:r-o*t.globals.timeScale,$&&(U=h),L>P&&(P=L)}if(!n){const s=A===g?M>g?-1:1:M<f?-1:1,n=e.round(M-A,0);w.velocity=i&&$?n?F*s/e.abs(n):0:_;const{ease:h,settlingDuration:r,restDuration:o}=w;D=M===A?0:$?r:r-o*t.globals.timeScale,$&&(I=h),D>P&&(P=D)}if(!$&&z&&N&&(L||D)){const t=s.compositionTypes.blend;new o.JSAnimation(C,{x:{to:R,duration:.65*L},y:{to:O,duration:.65*D},ease:y,composition:t}).init(),new o.JSAnimation(C,{x:{to:E,duration:L},y:{to:A,duration:D},ease:y,composition:t}).init(),this.overshootTicker.stretch(e.max(L,D)).restart()}else i||this.animate[this.xProp](E,L,U),n||this.animate[this.yProp](A,D,I);this.scrollInView(P,this.scrollThreshold,y);let j=!1;E!==m&&(this.snapped[0]=E,this.snapX&&(j=!0)),A!==b&&this.snapY&&(this.snapped[1]=A,this.snapY&&(j=!0)),j&&this.onSnap(this),this.grabbed=!1,this.dragged=!1,this.updated=!0,this.released=!0,this.onRelease(this),this.$trigger.removeEventListener("touchstart",d),this.$trigger.removeEventListener("touchmove",d),this.$trigger.removeEventListener("touchend",d),s.doc.removeEventListener("touchmove",this),s.doc.removeEventListener("touchend",this),s.doc.removeEventListener("touchcancel",this),s.doc.removeEventListener("mousemove",this),s.doc.removeEventListener("mouseup",this),s.doc.removeEventListener("selectstart",this)}reset(){return this.stop(),this.resizeTicker.pause(),this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.setX(0,!0),this.setY(0,!0),this.coords[0]=0,this.coords[1]=0,this.pointer[0]=0,this.pointer[1]=0,this.pointer[2]=0,this.pointer[3]=0,this.pointer[4]=0,this.pointer[5]=0,this.pointer[6]=0,this.pointer[7]=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.angle=0,this}enable(){return this.enabled||(this.enabled=!0,this.$target.classList.remove("is-disabled"),this.touchActionStyles=f.set(this.$trigger,{touchAction:this.disabled[0]?"pan-x":this.disabled[1]?"pan-y":"none"}),this.$trigger.addEventListener("touchstart",this,{passive:!0}),this.$trigger.addEventListener("mousedown",this,{passive:!0}),this.$trigger.addEventListener("mouseenter",this)),this}disable(){return this.enabled=!1,this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.touchActionStyles.revert(),this.cursorStyles&&(this.cursorStyles.revert(),this.cursorStyles=null),this.triggerStyles&&(this.triggerStyles.revert(),this.triggerStyles=null),this.bodyStyles&&(this.bodyStyles.revert(),this.bodyStyles=null),this.targetStyles&&(this.targetStyles.revert(),this.targetStyles=null),this.$target.classList.add("is-disabled"),this.$trigger.removeEventListener("touchstart",this),this.$trigger.removeEventListener("mousedown",this),this.$trigger.removeEventListener("mouseenter",this),s.doc.removeEventListener("touchmove",this),s.doc.removeEventListener("touchend",this),s.doc.removeEventListener("touchcancel",this),s.doc.removeEventListener("mousemove",this),s.doc.removeEventListener("mouseup",this),s.doc.removeEventListener("selectstart",this),this}revert(){return this.reset(),this.disable(),this.$target.classList.remove("is-disabled"),this.updateTicker.revert(),this.overshootTicker.revert(),this.resizeTicker.revert(),this.animate.revert(),this.resizeObserver.disconnect(),this}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":this.handleDown(t);break;case"mousemove":case"touchmove":this.handleMove(t);break;case"mouseup":case"touchend":case"touchcancel":this.handleUp();break;case"mouseenter":this.handleHover();break;case"selectstart":d(t)}}}return Ut.Draggable=b,Ut.createDraggable=(t,s)=>new b(t,s),Ut}var Kt,ts,ss={},is={};function es(){if(Kt)return is;Kt=1;var t=R(),s=L(),i=D(),e=dt();return is.keepTime=s=>{let e;return(...n)=>{let h,r,o,l;e&&(h=e.currentIteration,r=e.iterationProgress,o=e.reversed,l=e._alternate,e.revert());const a=s(...n);return a&&!i.isFnc(a)&&a.revert&&(e=a),i.isUnd(r)||(e.currentIteration=h,e.iterationProgress=(l&&h%2?!o:o)?1-r:r),a||t.noop}},is.sync=(i=t.noop)=>new e.Timer({duration:1*s.globals.timeScale,onComplete:i},null,0).resume(),is}
|
|
98
98
|
/**
|
|
99
99
|
* Anime.js - scope - CJS
|
|
100
100
|
* @version v4.2.2
|
|
@@ -130,7 +130,7 @@ import{h as t,g as s,f as i,r as e}from"./p-aYvE8UX7.js";const n=s=>{const i=s.h
|
|
|
130
130
|
* @version v4.2.2
|
|
131
131
|
* @license MIT
|
|
132
132
|
* @copyright 2025 - Julian Garnier
|
|
133
|
-
*/function $s(){if(xs)return as;xs=1;var t=us(),s=ps(),i=ms(),e=ys(),n=
|
|
133
|
+
*/function $s(){if(xs)return as;xs=1;var t=us(),s=ps(),i=ms(),e=ys(),n=Vt(),h=St();return as.cubicBezier=t.cubicBezier,as.steps=s.steps,as.linear=i.linear,as.irregular=e.irregular,as.Spring=n.Spring,as.createSpring=n.createSpring,as.spring=n.spring,as.eases=h.eases,as}var Cs,ks={},Ms={};function _s(){if(Cs)return Ms;Cs=1;var t=R();const s=Pt(),i={},e=s=>(...n)=>{const h=s(...n);return new Proxy(t.noop,{apply:(t,s,[i])=>h(i),get:(t,s)=>e(((...t)=>{const e=i[s](...t);return t=>e(h(t))}))})},n=(t,s,n=0)=>{const h=(...t)=>(t.length<s.length?e(((t,s=0)=>(...i)=>s?s=>t(...i,s):s=>t(s,...i))(s,n)):s)(...t);return i[t]||(i[t]=h),h},h=n("roundPad",s.roundPad),r=n("padStart",s.padStart),o=n("padEnd",s.padEnd),l=n("wrap",s.wrap),a=n("mapRange",s.mapRange),c=n("degToRad",s.degToRad),u=n("radToDeg",s.radToDeg),f=n("snap",s.snap),d=n("clamp",s.clamp),p=n("round",s.round),g=n("lerp",s.lerp,1),v=n("damp",s.damp,1);return Ms.clamp=d,Ms.damp=v,Ms.degToRad=c,Ms.lerp=g,Ms.mapRange=a,Ms.padEnd=o,Ms.padStart=r,Ms.radToDeg=u,Ms.round=p,Ms.roundPad=h,Ms.snap=f,Ms.wrap=l,Ms}var Ss,Fs={};
|
|
134
134
|
/**
|
|
135
135
|
* Anime.js - utils - CJS
|
|
136
136
|
* @version v4.2.2
|
|
@@ -142,37 +142,37 @@ import{h as t,g as s,f as i,r as e}from"./p-aYvE8UX7.js";const n=s=>{const i=s.h
|
|
|
142
142
|
* @version v4.2.2
|
|
143
143
|
* @license MIT
|
|
144
144
|
* @copyright 2025 - Julian Garnier
|
|
145
|
-
*/function
|
|
145
|
+
*/function Os(){if(Ts)return Rs;Ts=1;var t=R(),s=D(),i=St(),e=Ot(),n=G(),h=mt(),r=Ns();return Rs.stagger=(o,l={})=>{let a=[],c=0;const u=l.from,f=l.reversed,d=l.ease,p=!s.isUnd(d),g=p&&!s.isUnd(d.ease)?d.ease:p?i.parseEase(d):null,v=l.grid,m=l.axis,b=l.total,x=s.isUnd(u)||0===u||"first"===u,w="center"===u,y="last"===u,$="random"===u,C=s.isArr(o),k=l.use,M=s.parseNumber(C?o[0]:o),_=C?s.parseNumber(o[1]):0,S=t.unitsExecRgx.exec((C?o[1]:o)+t.emptyString),F=l.start||0+(C?M:0);let N=x?0:s.isNum(u)?u:0;return(t,i,o,u)=>{const[d]=h.registerTargets(t),p=s.isUnd(b)?o:b,x=!s.isUnd(k)&&(s.isFnc(k)?k(d,i,p):n.getOriginalAnimatableValue(d,k)),T=s.isNum(x)||s.isStr(x)&&s.isNum(+x)?+x:i;if(w&&(N=(p-1)/2),y&&(N=p-1),!a.length){for(let t=0;t<p;t++){if(v){const i=w?(v[0]-1)/2:N%v[0],e=w?(v[1]-1)/2:s.floor(N/v[0]),n=i-t%v[0],h=e-s.floor(t/v[0]);let r=s.sqrt(n*n+h*h);"x"===m&&(r=-n),"y"===m&&(r=-h),a.push(r)}else a.push(s.abs(N-t));c=s.max(...a)}g&&(a=a.map((t=>g(t/c)*c))),f&&(a=a.map((t=>m?t<0?-1*t:-t:s.abs(c-t)))),$&&(a=r.shuffle(a))}const B=C?(_-M)/c:M;let R=(u?e.parseTimelinePosition(u,s.isUnd(l.start)?u.iterationDuration:F):F)+(B*s.round(a[T],2)||0);return l.modifier&&(R=l.modifier(R)),S&&(R=`${R}${S[2]}`),R}},Rs}
|
|
146
146
|
/**
|
|
147
147
|
* Anime.js - utils - CJS
|
|
148
148
|
* @version v4.2.2
|
|
149
149
|
* @license MIT
|
|
150
150
|
* @copyright 2025 - Julian Garnier
|
|
151
|
-
*/function
|
|
151
|
+
*/function Es(){if(Bs)return ks;Bs=1;var t=_s(),s=Ns(),i=es(),e=Jt(),n=Os(),h=tt(),r=mt();return ks.clamp=t.clamp,ks.damp=t.damp,ks.degToRad=t.degToRad,ks.lerp=t.lerp,ks.mapRange=t.mapRange,ks.padEnd=t.padEnd,ks.padStart=t.padStart,ks.radToDeg=t.radToDeg,ks.round=t.round,ks.roundPad=t.roundPad,ks.snap=t.snap,ks.wrap=t.wrap,ks.createSeededRandom=s.createSeededRandom,ks.random=s.random,ks.randomPick=s.randomPick,ks.shuffle=s.shuffle,ks.keepTime=i.keepTime,ks.sync=i.sync,ks.get=e.get,ks.remove=e.remove,ks.set=e.set,ks.stagger=n.stagger,ks.cleanInlineStyles=h.cleanInlineStyles,ks.$=r.registerTargets,ks}var As,zs,Ls={},Ds={},Us={};function Is(){if(As)return Us;As=1;var t=D(),s=mt();return Us.getPath=i=>{const e=s.parseTargets(i)[0];return e&&t.isSvg(e)?e:console.warn(`${i} is not a valid SVGGeometryElement`)},Us}
|
|
152
152
|
/**
|
|
153
153
|
* Anime.js - svg - CJS
|
|
154
154
|
* @version v4.2.2
|
|
155
155
|
* @license MIT
|
|
156
156
|
* @copyright 2025 - Julian Garnier
|
|
157
|
-
*/function Ps(){if(zs)return Ds;zs=1;var t=R(),s=D(),i=Is();const e=(t,s,i,e,n)=>{const h=i+e,r=n?Math.max(0,Math.min(h,s)):(h%s+s)%s;return t.getPointAtLength(r)},n=(i,n,h=0)=>r=>{const o=+i.getTotalLength(),l=r[t.isSvgSymbol],a=i.getCTM(),c=0===h;return{from:0,to:o,modifier:t=>{const r=t+h*o;if("a"===n){const t=e(i,o,r,-1,c),n=e(i,o,r,1,c);return 180*s.atan2(n.y-t.y,n.x-t.x)/s.PI}{const t=e(i,o,r,0,c);return"x"===n?l||!a?t.x:t.x*a.a+t.y*a.c+a.e:l||!a?t.y:t.x*a.b+t.y*a.d+a.f}}}};return Ds.createMotionPath=(t,s=0)=>{const e=i.getPath(t);if(e)return{translateX:n(e,"x",s),translateY:n(e,"y",s),rotate:n(e,"a",s)}},Ds}var js,
|
|
157
|
+
*/function Ps(){if(zs)return Ds;zs=1;var t=R(),s=D(),i=Is();const e=(t,s,i,e,n)=>{const h=i+e,r=n?Math.max(0,Math.min(h,s)):(h%s+s)%s;return t.getPointAtLength(r)},n=(i,n,h=0)=>r=>{const o=+i.getTotalLength(),l=r[t.isSvgSymbol],a=i.getCTM(),c=0===h;return{from:0,to:o,modifier:t=>{const r=t+h*o;if("a"===n){const t=e(i,o,r,-1,c),n=e(i,o,r,1,c);return 180*s.atan2(n.y-t.y,n.x-t.x)/s.PI}{const t=e(i,o,r,0,c);return"x"===n?l||!a?t.x:t.x*a.a+t.y*a.c+a.e:l||!a?t.y:t.x*a.b+t.y*a.d+a.f}}}};return Ds.createMotionPath=(t,s=0)=>{const e=i.getPath(t);if(e)return{translateX:n(e,"x",s),translateY:n(e,"y",s),rotate:n(e,"a",s)}},Ds}var js,Hs={};
|
|
158
158
|
/**
|
|
159
159
|
* Anime.js - svg - CJS
|
|
160
160
|
* @version v4.2.2
|
|
161
161
|
* @license MIT
|
|
162
162
|
* @copyright 2025 - Julian Garnier
|
|
163
|
-
*/function
|
|
163
|
+
*/function Vs(){if(js)return Hs;js=1;var t=R(),s=D(),i=mt();return Hs.createDrawable=(e,n=0,h=0)=>i.parseTargets(e).map((i=>((i,e,n)=>{const h=t.K,r=getComputedStyle(i),o=r.strokeLinecap,l="non-scaling-stroke"===r.vectorEffect?i:null;let a=o;const c=new Proxy(i,{get(i,e){const n=i[e];return e===t.proxyTargetSymbol?i:"setAttribute"===e?(...t)=>{if("draw"===t[0]){const e=t[1].split(" "),n=+e[0],r=+e[1],c=(t=>{let i=1;if(t&&t.getCTM){const e=t.getCTM();e&&(i=(s.sqrt(e.a*e.a+e.b*e.b)+s.sqrt(e.c*e.c+e.d*e.d))/2)}return i})(l),u=n*-h*c,f=r*h*c+u,d=h*c+(0===n&&1===r||1===n&&0===r?0:10*c)-f;if("butt"!==o){const t=n===r?"butt":o;a!==t&&(i.style.strokeLinecap=`${t}`,a=t)}i.setAttribute("stroke-dashoffset",`${u}`),i.setAttribute("stroke-dasharray",`${f} ${d}`)}return Reflect.apply(n,i,t)}:s.isFnc(n)?(...t)=>Reflect.apply(n,i,t):n}});return i.getAttribute("pathLength")!==`${h}`&&(i.setAttribute("pathLength",`${h}`),c.setAttribute("draw",`${e} ${n}`)),c})(i,n,h))),Hs}var Xs,Ys,Gs={};
|
|
164
164
|
/**
|
|
165
165
|
* Anime.js - svg - CJS
|
|
166
166
|
* @version v4.2.2
|
|
167
167
|
* @license MIT
|
|
168
168
|
* @copyright 2025 - Julian Garnier
|
|
169
|
-
*/function Zs(){if(
|
|
169
|
+
*/function Zs(){if(Xs)return Gs;Xs=1;var t=R(),s=D(),i=Is();return Gs.morphTo=(e,n=.33)=>h=>{if(!(h.tagName||"").toLowerCase().match(/^(path|polygon|polyline)$/))throw new Error(`Can't morph a <${h.tagName}> SVG element. Use <path>, <polygon> or <polyline>.`);const r=i.getPath(e);if(!r)throw new Error("Can't morph to an invalid target. 'path2' must resolve to an existing <path>, <polygon> or <polyline> SVG element.");if(!(r.tagName||"").toLowerCase().match(/^(path|polygon|polyline)$/))throw new Error(`Can't morph a <${r.tagName}> SVG element. Use <path>, <polygon> or <polyline>.`);const o="path"===h.tagName,l=o?" ":",",a=h[t.morphPointsSymbol];a&&h.setAttribute(o?"d":"points",a);let c="",u="";if(n){const t=h.getTotalLength(),i=r.getTotalLength(),e=Math.max(Math.ceil(t*n),Math.ceil(i*n));for(let n=0;n<e;n++){const a=n/(e-1),f=h.getPointAtLength(t*a),d=r.getPointAtLength(i*a),p=o?0===n?"M":"L":"";c+=p+s.round(f.x,3)+l+f.y+" ",u+=p+s.round(d.x,3)+l+d.y+" "}}else c=h.getAttribute(o?"d":"points"),u=r.getAttribute(o?"d":"points");return h[t.morphPointsSymbol]=u,[c,u]},Gs}
|
|
170
170
|
/**
|
|
171
171
|
* Anime.js - svg - CJS
|
|
172
172
|
* @version v4.2.2
|
|
173
173
|
* @license MIT
|
|
174
174
|
* @copyright 2025 - Julian Garnier
|
|
175
|
-
*/function Ws(){if(Ys)return Ls;Ys=1;var t=Ps(),s=
|
|
175
|
+
*/function Ws(){if(Ys)return Ls;Ys=1;var t=Ps(),s=Vs(),i=Zs();return Ls.createMotionPath=t.createMotionPath,Ls.createDrawable=s.createDrawable,Ls.morphTo=i.morphTo,Ls}var qs,Js,Qs={},Ks={};function ti(){if(qs)return Ks;qs=1;var t=R(),s=L(),i=D(),e=mt(),n=G(),h=es();const r="undefined"!=typeof Intl&&Intl.Segmenter,o=/\{value\}/g,l=/\{i\}/g,a=/(\s+)/,c=/^\s+$/,u="line",f="word",d="char",p="data-line";let g=null,v=null,m=null;const b=t=>t.isWordLike||" "===t.segment||i.isNum(+t.segment),x=t=>t.setAttribute("aria-hidden","true"),w=(t,s)=>[...t.querySelectorAll(`[data-${s}]:not([data-${s}] [data-${s}])`)],y={line:"#00D672",word:"#FF4B4B",char:"#5A87FF"},$=t=>{if(!t.childElementCount&&!t.textContent.trim()){const s=t.parentElement;t.remove(),s&&$(s)}},C=(t,s,i)=>{const e=t.getAttribute(p);(null!==e&&+e!==s||"BR"===t.tagName)&&i.add(t);let n=t.childElementCount;for(;n--;)C(t.children[n],s,i);return i},k=(t,s={})=>{let e="";const h=i.isStr(s.class)?` class="${s.class}"`:"",r=n.setValue(s.clone,!1),o=n.setValue(s.wrap,!1),l=o?!0===o?"clip":o:!!r&&"clip";return o&&(e+=`<span${l?` style="overflow:${l};"`:""}>`),e+=`<span${h}${r?' style="position:relative;"':""} data-${t}="{i}">`,r?(e+="<span>{value}</span>",e+=`<span inert style="position:absolute;top:${"top"===r?"-100%":"bottom"===r?"100%":"0"};left:${"left"===r?"-100%":"right"===r?"100%":"0"};white-space:nowrap;">{value}</span>`):e+="{value}",e+="</span>",o&&(e+="</span>"),e},M=(t,s,e,n,h,r,a,c,f)=>{const g=h===u,v=h===d,b=`_${h}_`,x=i.isFnc(t)?t(e):t,w=g?"block":"inline-block";m.innerHTML=x.replace(o,`<i class="${b}"></i>`).replace(l,`${v?f:g?a:c}`);const $=m.content,C=$.firstElementChild,k=$.querySelector(`[data-${h}]`)||C,M=$.querySelectorAll(`i.${b}`),_=M.length;if(_){C.style.display=w,k.style.display=w,k.setAttribute(p,`${a}`),g||(k.setAttribute("data-word",`${c}`),v&&k.setAttribute("data-char",`${f}`));let t=_;for(;t--;){const s=M[t],i=s.parentElement;i.style.display=w,g?i.innerHTML=e.innerHTML:i.replaceChild(e.cloneNode(!0),s)}s.push(k),n.appendChild($)}else console.warn('The expression "{value}" is missing from the provided template.');return r&&(C.style.outline=`1px dotted ${y[h]}`),C};class _{constructor(h,o={}){g||(g=r?new r([],{granularity:f}):{segment:t=>{const s=[],i=t.split(a);for(let t=0,e=i.length;t<e;t++){const e=i[t];s.push({segment:e,isWordLike:!c.test(e)})}return s}}),v||(v=r?new r([],{granularity:"grapheme"}):{segment:t=>[...t].map((t=>({segment:t})))}),!m&&t.isBrowser&&(m=t.doc.createElement("template")),s.scope.current&&s.scope.current.register(this);const{words:l,chars:p,lines:b,accessible:x,includeSpaces:w,debug:y}=o,$=(h=i.isArr(h)?h[0]:h)&&h.nodeType?h:(e.getNodeList(h)||[])[0],C=!0===b?{}:b,M=!0===l||i.isUnd(l)?{}:l,_=!0===p?{}:p;this.debug=n.setValue(y,!1),this.includeSpaces=n.setValue(w,!1),this.accessible=n.setValue(x,!0),this.linesOnly=C&&!M&&!_,this.lineTemplate=i.isObj(C)?k(u,C):C,this.wordTemplate=i.isObj(M)||this.linesOnly?k(f,M):M,this.charTemplate=i.isObj(_)?k(d,_):_,this.$target=$,this.html=$&&$.innerHTML,this.lines=[],this.words=[],this.chars=[],this.effects=[],this.effectsCleanups=[],this.cache=null,this.ready=!1,this.width=0,this.resizeTimeout=null;const S=()=>this.html&&(C||M||_)&&this.split();this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{const t=$.offsetWidth;t!==this.width&&(this.width=t,S())}),150)})),this.lineTemplate&&!this.ready?t.doc.fonts.ready.then(S):S(),$?this.resizeObserver.observe($):console.warn("No Text Splitter target found.")}addEffect(t){if(!i.isFnc(t))return console.warn("Effect must return a function.");const s=h.keepTime(t);return this.effects.push(s),this.ready&&(this.effectsCleanups[this.effects.length-1]=s(this)),this}revert(){return clearTimeout(this.resizeTimeout),this.lines.length=this.words.length=this.chars.length=0,this.resizeObserver.disconnect(),this.effectsCleanups.forEach((t=>i.isFnc(t)?t(this):t.revert&&t.revert())),this.$target.innerHTML=this.html,this}splitNode(s){const i=this.wordTemplate,e=this.charTemplate,n=this.includeSpaces,h=this.debug,r=s.nodeType;if(3===r){const r=s.nodeValue;if(r.trim()){const o=[],l=this.words,a=this.chars,c=g.segment(r),u=t.doc.createDocumentFragment();let p=null;for(const t of c){const s=t.segment,i=b(t);if(!p||i&&p&&b(p))o.push(s);else{const t=o.length-1;o[t].includes(" ")||s.includes(" ")?o.push(s):o[t]+=s}p=t}for(let s=0,r=o.length;s<r;s++){const r=o[s];if(r.trim()){const c=o[s+1],p=n&&c&&!c.trim(),g=e?v.segment(r):null,m=e?t.doc.createDocumentFragment():t.doc.createTextNode(p?r+" ":r);if(e){const s=[...g];for(let i=0,n=s.length;i<n;i++){const r=s[i],o=t.doc.createTextNode(i===n-1&&p?r.segment+" ":r.segment);M(e,a,o,m,d,h,-1,l.length,a.length)}}i?M(i,l,m,u,f,h,-1,l.length,a.length):u.appendChild(e?m:t.doc.createTextNode(r)),p&&s++}else{if(s&&n)continue;u.appendChild(t.doc.createTextNode(r))}}s.parentNode.replaceChild(u,s)}}else if(1===r){const t=[...s.childNodes];for(let s=0,i=t.length;s<i;s++)this.splitNode(t[s])}}split(s=!1){const e=this.$target,n=!!this.cache&&!s,h=this.lineTemplate,r=this.wordTemplate,o=this.charTemplate,l="loading"!==t.doc.fonts.status,a=h&&l;this.ready=!h||l,(a||s)&&this.effectsCleanups.forEach((t=>i.isFnc(t)&&t(this))),n||(s&&(e.innerHTML=this.html,this.words.length=this.chars.length=0),this.splitNode(e),this.cache=e.innerHTML),a&&(n&&(e.innerHTML=this.cache),this.lines.length=0,r&&(this.words=w(e,f))),o&&(a||r)&&(this.chars=w(e,d));const c=this.words.length?this.words:this.chars;let g,v=0;for(let t=0,s=c.length;t<s;t++){const s=c[t],{top:i,height:e}=s.getBoundingClientRect();g&&i-g>.5*e&&v++,s.setAttribute(p,`${v}`);const n=s.querySelectorAll(`[${p}]`);let h=n.length;for(;h--;)n[h].setAttribute(p,`${v}`);g=i}if(a){const s=t.doc.createDocumentFragment(),i=new Set,n=[];for(let t=0;t<v+1;t++){const s=e.cloneNode(!0);C(s,t,new Set).forEach((t=>{const s=t.parentElement;s&&i.add(s),t.remove()})),n.push(s)}i.forEach($);for(let t=0,i=n.length;t<i;t++)M(h,this.lines,n[t],s,u,this.debug,t);e.innerHTML="",e.appendChild(s),r&&(this.words=w(e,f)),o&&(this.chars=w(e,d))}if(this.linesOnly){const t=this.words;let s=t.length;for(;s--;){const i=t[s];i.replaceWith(i.textContent)}t.length=0}if(this.accessible&&(a||!n)){const s=t.doc.createElement("span");s.style.cssText="position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;white-space:nowrap;",s.innerHTML=this.html,e.insertBefore(s,e.firstChild),this.lines.forEach(x),this.words.forEach(x),this.chars.forEach(x)}return this.width=e.offsetWidth,(a||s)&&this.effects.forEach(((t,s)=>this.effectsCleanups[s]=t(this))),this}refresh(){this.split(!0)}}return Ks.TextSplitter=_,Ks.split=(t,s)=>(console.warn("text.split() is deprecated, import splitText() directly, or text.splitText()"),new _(t,s)),Ks.splitText=(t,s)=>new _(t,s),Ks}
|
|
176
176
|
/**
|
|
177
177
|
* Anime.js - text - CJS
|
|
178
178
|
* @version v4.2.2
|
|
@@ -190,4 +190,4 @@ import{h as t,g as s,f as i,r as e}from"./p-aYvE8UX7.js";const n=s=>{const i=s.h
|
|
|
190
190
|
* @version v4.2.2
|
|
191
191
|
* @license MIT
|
|
192
192
|
* @copyright 2025 - Julian Garnier
|
|
193
|
-
*/function ri(){if(ei)return N;ei=1;var t=dt(),s=Ft(),i=Ot(),e=Lt(),n=Qt(),h=ns(),r=os(),o=ut(),l=$s(),a=Os(),c=Ws(),u=si(),f=hi(),d=us(),p=ps(),g=ms(),v=ys(),m=Ht(),b=St(),x=_s(),w=Ns(),y=es(),$=tt(),C=mt(),k=Jt(),M=Es(),_=Ps(),S=Hs(),F=Zs(),T=ti();return N.Timer=t.Timer,N.createTimer=t.createTimer,N.JSAnimation=s.JSAnimation,N.animate=s.animate,N.Timeline=i.Timeline,N.createTimeline=i.createTimeline,N.Animatable=e.Animatable,N.createAnimatable=e.createAnimatable,N.Draggable=n.Draggable,N.createDraggable=n.createDraggable,N.Scope=h.Scope,N.createScope=h.createScope,N.ScrollObserver=r.ScrollObserver,N.onScroll=r.onScroll,N.scrollContainers=r.scrollContainers,N.engine=o.engine,N.easings=l,N.utils=a,N.svg=c,N.text=u,N.WAAPIAnimation=f.WAAPIAnimation,N.waapi=f.waapi,N.cubicBezier=d.cubicBezier,N.steps=p.steps,N.linear=g.linear,N.irregular=v.irregular,N.Spring=m.Spring,N.createSpring=m.createSpring,N.spring=m.spring,N.eases=b.eases,N.clamp=x.clamp,N.damp=x.damp,N.degToRad=x.degToRad,N.lerp=x.lerp,N.mapRange=x.mapRange,N.padEnd=x.padEnd,N.padStart=x.padStart,N.radToDeg=x.radToDeg,N.round=x.round,N.roundPad=x.roundPad,N.snap=x.snap,N.wrap=x.wrap,N.createSeededRandom=w.createSeededRandom,N.random=w.random,N.randomPick=w.randomPick,N.shuffle=w.shuffle,N.keepTime=y.keepTime,N.sync=y.sync,N.cleanInlineStyles=$.cleanInlineStyles,N.$=C.registerTargets,N.get=k.get,N.remove=k.remove,N.set=k.set,N.stagger=M.stagger,N.createMotionPath=_.createMotionPath,N.createDrawable=S.createDrawable,N.morphTo=F.morphTo,N.TextSplitter=T.TextSplitter,N.split=T.split,N.splitText=T.splitText,N}var oi=ri();let li,ai=[];const ci=a("white"),ui=a("bada55");let fi,di;const pi=t=>{li&&(fi&&fi.pause(),fi=oi.animate(li,{fill:a(t),ease:"inOutCubic"}))},gi=t=>{li&&(di&&di.pause(),di=oi.animate(li,{y:(s,i)=>ai[i]*((100-t[i])/100),ease:"inOutCubic"}))},vi=()=>{const s=h.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 ai=Array(s.length),li=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:ci}))))),s.map(((s,e)=>{const{height:n,width:h,maskUri:r,matrix:o,points:l}=s;return ai[e]=n,t("g",{transform:o},t("polygon",{points:l,fill:ci,stroke:i}),t("rect",{ref:t=>li[e]=t,x:"0",y:n,width:h,height:n,mask:r,fill:ui,stroke:i}))}))))},mi=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"}))},bi="eswat2",xi=()=>t("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":bi,target:"blank",title:bi},t(mi,{label:"eswat2"})),wi=class{constructor(t){e(this,t),this.tag="funnel-app"}componentDidLoad(){b("pick",pi),b("values",gi),w.initApp()}render(){return t("div",{key:"7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206",id:"app",class:"ds1-main relative"},t(xi,{key:"44437debf47c76557ac6a115eec78b43a0aa2648"}),t(vi,{key:"f0806a91f365823850ab6ccebbc1339c18dd46b1"}),t(M,{key:"bfe9dc2f232eac7142d416c2dff3e7d8522930b7",actions:w,state:m}),t(y,{key:"23836d760ccb38b898857abd205ae186d8f05242",actions:w,state:m}),t("hr",{key:"33eae1954a6b50e6a7b8c3124e92895114a8412d",class:"ml-0 mr-0"}),t(S,{key:"4d449b22dedd37ce95356c98b00d5137008b5345",state:m}))}};wi.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{wi as funnel_app}
|
|
193
|
+
*/function ri(){if(ei)return N;ei=1;var t=dt(),s=Ft(),i=Et(),e=Lt(),n=Qt(),h=ns(),r=os(),o=ut(),l=$s(),a=Es(),c=Ws(),u=si(),f=hi(),d=us(),p=ps(),g=ms(),v=ys(),m=Vt(),b=St(),x=_s(),w=Ns(),y=es(),$=tt(),C=mt(),k=Jt(),M=Os(),_=Ps(),S=Vs(),F=Zs(),T=ti();return N.Timer=t.Timer,N.createTimer=t.createTimer,N.JSAnimation=s.JSAnimation,N.animate=s.animate,N.Timeline=i.Timeline,N.createTimeline=i.createTimeline,N.Animatable=e.Animatable,N.createAnimatable=e.createAnimatable,N.Draggable=n.Draggable,N.createDraggable=n.createDraggable,N.Scope=h.Scope,N.createScope=h.createScope,N.ScrollObserver=r.ScrollObserver,N.onScroll=r.onScroll,N.scrollContainers=r.scrollContainers,N.engine=o.engine,N.easings=l,N.utils=a,N.svg=c,N.text=u,N.WAAPIAnimation=f.WAAPIAnimation,N.waapi=f.waapi,N.cubicBezier=d.cubicBezier,N.steps=p.steps,N.linear=g.linear,N.irregular=v.irregular,N.Spring=m.Spring,N.createSpring=m.createSpring,N.spring=m.spring,N.eases=b.eases,N.clamp=x.clamp,N.damp=x.damp,N.degToRad=x.degToRad,N.lerp=x.lerp,N.mapRange=x.mapRange,N.padEnd=x.padEnd,N.padStart=x.padStart,N.radToDeg=x.radToDeg,N.round=x.round,N.roundPad=x.roundPad,N.snap=x.snap,N.wrap=x.wrap,N.createSeededRandom=w.createSeededRandom,N.random=w.random,N.randomPick=w.randomPick,N.shuffle=w.shuffle,N.keepTime=y.keepTime,N.sync=y.sync,N.cleanInlineStyles=$.cleanInlineStyles,N.$=C.registerTargets,N.get=k.get,N.remove=k.remove,N.set=k.set,N.stagger=M.stagger,N.createMotionPath=_.createMotionPath,N.createDrawable=S.createDrawable,N.morphTo=F.morphTo,N.TextSplitter=T.TextSplitter,N.split=T.split,N.splitText=T.splitText,N}var oi=ri();let li,ai=[];const ci=a("white"),ui=a("bada55");let fi,di;const pi=t=>{li&&(fi&&fi.pause(),fi=oi.animate(li,{fill:a(t),ease:"inOutCubic"}))},gi=t=>{li&&(di&&di.pause(),di=oi.animate(li,{y:(s,i)=>ai[i]*((100-t[i])/100),ease:"inOutCubic"}))},vi=()=>{const s=h.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 ai=Array(s.length),li=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:ci}))))),s.map(((s,e)=>{const{height:n,width:h,maskUri:r,matrix:o,points:l}=s;return ai[e]=n,t("g",{transform:o},t("polygon",{points:l,fill:ci,stroke:i}),t("rect",{ref:t=>li[e]=t,x:"0",y:n,width:h,height:n,mask:r,fill:ui,stroke:i}))}))))},mi=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"}))},bi="eswat2",xi=()=>t("a",{class:"absolute right-8 top-8 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":bi,target:"blank",title:bi},t(mi,{label:"eswat2"})),wi=class{constructor(t){e(this,t),this.tag="funnel-app"}componentDidLoad(){b("pick",pi),b("values",gi),w.initApp()}render(){return t("div",{key:"7998626a3f01e8bb4b2ed4b2b80d8b8de4a11206",id:"app",class:"ds1-main relative"},t(xi,{key:"44437debf47c76557ac6a115eec78b43a0aa2648"}),t(vi,{key:"f0806a91f365823850ab6ccebbc1339c18dd46b1"}),t(M,{key:"bfe9dc2f232eac7142d416c2dff3e7d8522930b7",actions:w,state:m}),t(y,{key:"23836d760ccb38b898857abd205ae186d8f05242",actions:w,state:m}),t("hr",{key:"33eae1954a6b50e6a7b8c3124e92895114a8412d",class:"ml-0 mr-0"}),t(S,{key:"4d449b22dedd37ce95356c98b00d5137008b5345",state:m}))}};wi.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{wi as funnel_app}
|
|
@@ -125,6 +125,9 @@ export interface AttachInternalsDecorator {
|
|
|
125
125
|
export interface ListenDecorator {
|
|
126
126
|
(eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
|
|
127
127
|
}
|
|
128
|
+
export interface ResolveVarFunction {
|
|
129
|
+
<T>(variable: T): string;
|
|
130
|
+
}
|
|
128
131
|
export interface ListenOptions {
|
|
129
132
|
/**
|
|
130
133
|
* Handlers can also be registered for an event other than the host itself.
|
|
@@ -208,6 +211,24 @@ export declare const AttachInternals: AttachInternalsDecorator;
|
|
|
208
211
|
* https://stenciljs.com/docs/events#listen-decorator
|
|
209
212
|
*/
|
|
210
213
|
export declare const Listen: ListenDecorator;
|
|
214
|
+
/**
|
|
215
|
+
* The `resolveVar()` function is a compile-time utility that resolves const variables
|
|
216
|
+
* and object properties to their string literal values. This allows variables to be
|
|
217
|
+
* used in `@Listen` and `@Event` decorators instead of hardcoded strings.
|
|
218
|
+
*
|
|
219
|
+
* @example
|
|
220
|
+
* ```ts
|
|
221
|
+
* const MY_EVENT = 'myEvent';
|
|
222
|
+
* @Listen(resolveVar(MY_EVENT))
|
|
223
|
+
* ```
|
|
224
|
+
*
|
|
225
|
+
* @example
|
|
226
|
+
* ```ts
|
|
227
|
+
* const EVENTS = { MY_EVENT: 'myEvent' } as const;
|
|
228
|
+
* @Event({ eventName: resolveVar(EVENTS.MY_EVENT) })
|
|
229
|
+
* ```
|
|
230
|
+
*/
|
|
231
|
+
export declare const resolveVar: ResolveVarFunction;
|
|
211
232
|
/**
|
|
212
233
|
* The `@Method()` decorator is used to expose methods on the public API.
|
|
213
234
|
* Class methods decorated with the @Method() decorator can be called directly
|
|
@@ -365,6 +386,27 @@ export declare function readTask(task: RafCallback): void;
|
|
|
365
386
|
* Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
|
|
366
387
|
*/
|
|
367
388
|
export declare const setErrorHandler: (handler: ErrorHandler) => void;
|
|
389
|
+
export type TagTransformer = (tag: string) => string;
|
|
390
|
+
/**
|
|
391
|
+
* Sets a tag transformer to be used when rendering your custom elements.
|
|
392
|
+
* ```ts
|
|
393
|
+
* setTagTransformer((tag) => {
|
|
394
|
+
* if (tag.startsWith('my-')) return `new-${tag}`
|
|
395
|
+
* return tag;
|
|
396
|
+
* });
|
|
397
|
+
* ```
|
|
398
|
+
* Will mean all your components that start with `my-` are defined instead with `new-my-` prefix.
|
|
399
|
+
*
|
|
400
|
+
* @param transformer the transformer function to use which must return a string.
|
|
401
|
+
*/
|
|
402
|
+
export declare function setTagTransformer(transformer: TagTransformer): void;
|
|
403
|
+
/**
|
|
404
|
+
* Transforms a tag name using a transformer set via `setTagTransformer`
|
|
405
|
+
*
|
|
406
|
+
* @param tag - the tag to transform e.g. `my-tag`
|
|
407
|
+
* @returns the transformed tag e.g. `new-my-tag`
|
|
408
|
+
*/
|
|
409
|
+
export declare function transformTag(tag: string): string;
|
|
368
410
|
/**
|
|
369
411
|
* @deprecated - Use `MixedInCtor` instead:
|
|
370
412
|
* ```ts
|
|
@@ -1747,6 +1789,7 @@ export interface CustomElementsDefineOptions {
|
|
|
1747
1789
|
exclude?: string[];
|
|
1748
1790
|
resourcesUrl?: string;
|
|
1749
1791
|
syncQueue?: boolean;
|
|
1792
|
+
/** @deprecated in-favour of `setTagTransformer` and `transformTag` */
|
|
1750
1793
|
transformTagName?: (tagName: string) => string;
|
|
1751
1794
|
jmp?: (c: Function) => any;
|
|
1752
1795
|
raf?: (c: FrameRequestCallback) => number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "funnel-gfx-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.129",
|
|
4
4
|
"description": "prototype -- a simple SVG demo built with Stencil and Tailwind",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"format": "prettier --write src"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@stencil/core": "4.
|
|
30
|
+
"@stencil/core": "4.39.0",
|
|
31
31
|
"@stencil/store": "2.2.1",
|
|
32
32
|
"animejs": "4.2.2"
|
|
33
33
|
},
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"cspell": "9.4.0",
|
|
38
38
|
"eslint": "9.39.1",
|
|
39
39
|
"postcss": "8.5.6",
|
|
40
|
-
"prettier": "3.7.
|
|
40
|
+
"prettier": "3.7.4",
|
|
41
41
|
"prettier-plugin-tailwindcss": "0.7.2",
|
|
42
42
|
"proto-tailwindcss-clrs": "0.0.453",
|
|
43
43
|
"tailwindcss": "4.1.17",
|
|
File without changes
|