@lukso/web-components 1.115.2 → 1.115.3
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/{bundle-mjs-d58a83c6.cjs → cn-90c03edf.js} +35 -4
- package/dist/{bundle-mjs-fbc6e2a8.js → cn-b6daa995.cjs} +39 -2
- package/dist/components/index.cjs +9 -12
- package/dist/components/index.js +9 -12
- package/dist/components/lukso-button/index.cjs +28 -31
- package/dist/components/lukso-button/index.js +11 -14
- package/dist/components/lukso-card/index.cjs +39 -29
- package/dist/components/lukso-card/index.js +30 -20
- package/dist/components/lukso-checkbox/index.cjs +18 -18
- package/dist/components/lukso-checkbox/index.js +8 -8
- package/dist/components/lukso-color-picker/index.cjs +30 -33
- package/dist/components/lukso-color-picker/index.js +16 -19
- package/dist/components/lukso-dropdown/index.cjs +9 -12
- package/dist/components/lukso-dropdown/index.js +9 -12
- package/dist/components/lukso-dropdown-option/index.cjs +10 -11
- package/dist/components/lukso-dropdown-option/index.js +4 -5
- package/dist/components/lukso-footer/index.cjs +4 -4
- package/dist/components/lukso-footer/index.js +3 -3
- package/dist/components/lukso-icon/index.cjs +8 -8
- package/dist/components/lukso-icon/index.js +4 -4
- package/dist/components/lukso-image/index.cjs +11 -12
- package/dist/components/lukso-image/index.js +9 -10
- package/dist/components/lukso-input/index.cjs +46 -49
- package/dist/components/lukso-input/index.js +22 -25
- package/dist/components/lukso-modal/index.cjs +7 -8
- package/dist/components/lukso-modal/index.js +4 -5
- package/dist/components/lukso-navbar/index.cjs +22 -23
- package/dist/components/lukso-navbar/index.js +13 -14
- package/dist/components/lukso-pagination/index.cjs +13 -16
- package/dist/components/lukso-pagination/index.js +8 -11
- package/dist/components/lukso-profile/index.cjs +6 -7
- package/dist/components/lukso-profile/index.js +6 -7
- package/dist/components/lukso-progress/index.cjs +10 -13
- package/dist/components/lukso-progress/index.js +5 -8
- package/dist/components/lukso-sanitize/index.cjs +6 -6
- package/dist/components/lukso-sanitize/index.js +4 -4
- package/dist/components/lukso-search/index.cjs +41 -44
- package/dist/components/lukso-search/index.js +17 -20
- package/dist/components/lukso-select/index.cjs +38 -41
- package/dist/components/lukso-select/index.js +20 -23
- package/dist/components/lukso-share/index.cjs +5 -5
- package/dist/components/lukso-share/index.js +3 -3
- package/dist/components/lukso-switch/index.cjs +7 -7
- package/dist/components/lukso-switch/index.js +4 -4
- package/dist/components/lukso-tag/index.cjs +10 -11
- package/dist/components/lukso-tag/index.js +5 -6
- package/dist/components/lukso-terms/index.cjs +7 -7
- package/dist/components/lukso-terms/index.js +6 -6
- package/dist/components/lukso-test/index.cjs +12 -12
- package/dist/components/lukso-test/index.js +10 -10
- package/dist/components/lukso-textarea/index.cjs +35 -38
- package/dist/components/lukso-textarea/index.js +17 -20
- package/dist/components/lukso-tooltip/index.cjs +24 -25
- package/dist/components/lukso-tooltip/index.js +8 -9
- package/dist/components/lukso-username/index.cjs +18 -21
- package/dist/components/lukso-username/index.js +7 -10
- package/dist/components/lukso-wizard/index.cjs +9 -10
- package/dist/components/lukso-wizard/index.js +7 -8
- package/dist/index-2b104ecb.cjs +2547 -0
- package/dist/{index-ffb387db.js → index-30c74dfe.js} +4 -4
- package/dist/{index-0fbcd7f4.js → index-40811e43.js} +6 -6
- package/dist/index-86a3fdc1.js +37 -0
- package/dist/{index-1b37efea.cjs → index-9f282d35.cjs} +10 -10
- package/dist/index-d14b6a34.js +2545 -0
- package/dist/{index-73fbf718.cjs → index-dbfb7d50.cjs} +14 -14
- package/dist/index-dda1809d.cjs +46 -0
- package/dist/{index-adf2fc92.js → index-eb08047e.js} +2 -2
- package/dist/{index-0917a814.cjs → index-f564f46f.cjs} +2 -2
- package/dist/index.cjs +9 -12
- package/dist/index.js +9 -12
- package/dist/property-140ef335.js +16 -0
- package/dist/property-46482bf7.cjs +19 -0
- package/dist/shared/tailwind-element/index.cjs +1 -1
- package/dist/shared/tailwind-element/index.js +1 -1
- package/dist/state-876605e4.js +9 -0
- package/dist/state-94c1d585.cjs +11 -0
- package/dist/style-map-15dde65e.js +10 -0
- package/dist/style-map-552ab28f.cjs +12 -0
- package/package.json +2 -14
- package/tools/index.cjs +0 -4
- package/tools/index.d.ts +0 -1
- package/tools/index.d.ts.map +1 -1
- package/tools/index.js +0 -3
- package/dist/cn-01b2d42a.js +0 -37
- package/dist/cn-fc6d6aa9.cjs +0 -40
- package/dist/index-0590cf31.js +0 -37
- package/dist/index-1d3f4a5a.cjs +0 -9
- package/dist/index-6457c2f8.cjs +0 -44
- package/dist/index-ca8e900d.js +0 -7
- package/dist/query-assigned-elements-1c8c9e90.js +0 -28
- package/dist/query-assigned-elements-d5e45650.cjs +0 -32
- package/dist/state-b9ca4e74.js +0 -9
- package/dist/state-d9fb972b.cjs +0 -11
- package/dist/style-map-54c139bb.cjs +0 -12
- package/dist/style-map-7a555e98.js +0 -10
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
6
|
-
const
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
|
|
6
|
+
const property = require('../../property-46482bf7.cjs');
|
|
7
7
|
|
|
8
8
|
const style = ":host {\n display: inline-flex\n}";
|
|
9
9
|
|
|
@@ -75,11 +75,11 @@ exports.LuksoShare = class LuksoShare extends shared_tailwindElement_index.Tailw
|
|
|
75
75
|
}
|
|
76
76
|
};
|
|
77
77
|
__decorateClass([
|
|
78
|
-
|
|
78
|
+
property.n({ type: String, attribute: "custom-style" })
|
|
79
79
|
], exports.LuksoShare.prototype, "customStyle", 2);
|
|
80
80
|
__decorateClass([
|
|
81
|
-
|
|
81
|
+
property.n({ type: String })
|
|
82
82
|
], exports.LuksoShare.prototype, "providers", 2);
|
|
83
83
|
exports.LuksoShare = __decorateClass([
|
|
84
|
-
|
|
84
|
+
property.t("lukso-share")
|
|
85
85
|
], exports.LuksoShare);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
2
|
-
import { n,
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-86a3fdc1.js';
|
|
2
|
+
import { n, t } from '../../property-140ef335.js';
|
|
3
3
|
|
|
4
4
|
const style = ":host {\n display: inline-flex\n}";
|
|
5
5
|
|
|
@@ -77,7 +77,7 @@ __decorateClass([
|
|
|
77
77
|
n({ type: String })
|
|
78
78
|
], LuksoShare.prototype, "providers", 2);
|
|
79
79
|
LuksoShare = __decorateClass([
|
|
80
|
-
|
|
80
|
+
t("lukso-share")
|
|
81
81
|
], LuksoShare);
|
|
82
82
|
|
|
83
83
|
export { LuksoShare };
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
6
|
-
const
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
|
|
6
|
+
const property = require('../../property-46482bf7.cjs');
|
|
7
|
+
const styleMap = require('../../style-map-552ab28f.cjs');
|
|
8
8
|
const index = require('../../index-e9668573.cjs');
|
|
9
9
|
require('../../directive-8278ab14.cjs');
|
|
10
10
|
|
|
@@ -72,17 +72,17 @@ exports.LuksoSwitch = class LuksoSwitch extends shared_tailwindElement_index.Tai
|
|
|
72
72
|
}
|
|
73
73
|
};
|
|
74
74
|
__decorateClass([
|
|
75
|
-
|
|
75
|
+
property.n({ type: String })
|
|
76
76
|
], exports.LuksoSwitch.prototype, "color", 2);
|
|
77
77
|
__decorateClass([
|
|
78
|
-
|
|
78
|
+
property.n({ type: Boolean, attribute: "is-checked" })
|
|
79
79
|
], exports.LuksoSwitch.prototype, "isChecked", 2);
|
|
80
80
|
__decorateClass([
|
|
81
|
-
|
|
81
|
+
property.n({
|
|
82
82
|
type: Boolean,
|
|
83
83
|
attribute: "is-disabled"
|
|
84
84
|
})
|
|
85
85
|
], exports.LuksoSwitch.prototype, "isDisabled", 2);
|
|
86
86
|
exports.LuksoSwitch = __decorateClass([
|
|
87
|
-
|
|
87
|
+
property.t("lukso-switch")
|
|
88
88
|
], exports.LuksoSwitch);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
2
|
-
import { n,
|
|
3
|
-
import { o } from '../../style-map-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-86a3fdc1.js';
|
|
2
|
+
import { n, t } from '../../property-140ef335.js';
|
|
3
|
+
import { o } from '../../style-map-15dde65e.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-5e194caf.js';
|
|
5
5
|
import '../../directive-2bb7789e.js';
|
|
6
6
|
|
|
@@ -80,7 +80,7 @@ __decorateClass([
|
|
|
80
80
|
})
|
|
81
81
|
], LuksoSwitch.prototype, "isDisabled", 2);
|
|
82
82
|
LuksoSwitch = __decorateClass([
|
|
83
|
-
|
|
83
|
+
t("lukso-switch")
|
|
84
84
|
], LuksoSwitch);
|
|
85
85
|
|
|
86
86
|
export { LuksoSwitch };
|
|
@@ -2,11 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
6
|
-
const
|
|
7
|
-
const index = require('../../index-
|
|
8
|
-
const index$1 = require('../../index-
|
|
9
|
-
require('../../bundle-mjs-d58a83c6.cjs');
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
|
|
6
|
+
const property = require('../../property-46482bf7.cjs');
|
|
7
|
+
const index = require('../../index-2b104ecb.cjs');
|
|
8
|
+
const index$1 = require('../../index-f564f46f.cjs');
|
|
10
9
|
require('../../directive-8278ab14.cjs');
|
|
11
10
|
|
|
12
11
|
const style = ":host {\n display: inline-flex\n}";
|
|
@@ -82,20 +81,20 @@ exports.LuksoTag = class LuksoTag extends shared_tailwindElement_index.TailwindS
|
|
|
82
81
|
}
|
|
83
82
|
};
|
|
84
83
|
__decorateClass([
|
|
85
|
-
|
|
84
|
+
property.n({ type: String })
|
|
86
85
|
], exports.LuksoTag.prototype, "size", 2);
|
|
87
86
|
__decorateClass([
|
|
88
|
-
|
|
87
|
+
property.n({ type: Boolean, attribute: "is-rounded" })
|
|
89
88
|
], exports.LuksoTag.prototype, "isRounded", 2);
|
|
90
89
|
__decorateClass([
|
|
91
|
-
|
|
90
|
+
property.n({ type: String, attribute: "background-color" })
|
|
92
91
|
], exports.LuksoTag.prototype, "backgroundColor", 2);
|
|
93
92
|
__decorateClass([
|
|
94
|
-
|
|
93
|
+
property.n({ type: String, attribute: "border-color" })
|
|
95
94
|
], exports.LuksoTag.prototype, "borderColor", 2);
|
|
96
95
|
__decorateClass([
|
|
97
|
-
|
|
96
|
+
property.n({ type: String, attribute: "text-color" })
|
|
98
97
|
], exports.LuksoTag.prototype, "textColor", 2);
|
|
99
98
|
exports.LuksoTag = __decorateClass([
|
|
100
|
-
|
|
99
|
+
property.t("lukso-tag")
|
|
101
100
|
], exports.LuksoTag);
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
2
|
-
import { n,
|
|
3
|
-
import { c as ce } from '../../index-
|
|
4
|
-
import { c as customStyleMap } from '../../index-
|
|
5
|
-
import '../../bundle-mjs-fbc6e2a8.js';
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-86a3fdc1.js';
|
|
2
|
+
import { n, t } from '../../property-140ef335.js';
|
|
3
|
+
import { c as ce } from '../../index-d14b6a34.js';
|
|
4
|
+
import { c as customStyleMap } from '../../index-eb08047e.js';
|
|
6
5
|
import '../../directive-2bb7789e.js';
|
|
7
6
|
|
|
8
7
|
const style = ":host {\n display: inline-flex\n}";
|
|
@@ -93,7 +92,7 @@ __decorateClass([
|
|
|
93
92
|
n({ type: String, attribute: "text-color" })
|
|
94
93
|
], LuksoTag.prototype, "textColor", 2);
|
|
95
94
|
LuksoTag = __decorateClass([
|
|
96
|
-
|
|
95
|
+
t("lukso-tag")
|
|
97
96
|
], LuksoTag);
|
|
98
97
|
|
|
99
98
|
export { LuksoTag };
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
6
|
-
const
|
|
7
|
-
const state = require('../../state-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
|
|
6
|
+
const property = require('../../property-46482bf7.cjs');
|
|
7
|
+
const state = require('../../state-94c1d585.cjs');
|
|
8
8
|
const index = require('../../index-e9668573.cjs');
|
|
9
9
|
require('../lukso-icon/index.cjs');
|
|
10
10
|
require('../lukso-sanitize/index.cjs');
|
|
11
11
|
require('../../directive-8278ab14.cjs');
|
|
12
|
-
require('../../style-map-
|
|
12
|
+
require('../../style-map-552ab28f.cjs');
|
|
13
13
|
|
|
14
14
|
const style = ":host {\n display: flex;\n height: 100%\n}";
|
|
15
15
|
|
|
@@ -86,11 +86,11 @@ exports.LuksoTerms = class LuksoTerms extends shared_tailwindElement_index.Tailw
|
|
|
86
86
|
}
|
|
87
87
|
};
|
|
88
88
|
__decorateClass([
|
|
89
|
-
|
|
89
|
+
property.n({ type: String })
|
|
90
90
|
], exports.LuksoTerms.prototype, "text", 2);
|
|
91
91
|
__decorateClass([
|
|
92
|
-
state.
|
|
92
|
+
state.r()
|
|
93
93
|
], exports.LuksoTerms.prototype, "hasScrollButton", 2);
|
|
94
94
|
exports.LuksoTerms = __decorateClass([
|
|
95
|
-
|
|
95
|
+
property.t("lukso-terms")
|
|
96
96
|
], exports.LuksoTerms);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
2
|
-
import { n,
|
|
3
|
-
import {
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-86a3fdc1.js';
|
|
2
|
+
import { n, t } from '../../property-140ef335.js';
|
|
3
|
+
import { r } from '../../state-876605e4.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-5e194caf.js';
|
|
5
5
|
import '../lukso-icon/index.js';
|
|
6
6
|
import '../lukso-sanitize/index.js';
|
|
7
7
|
import '../../directive-2bb7789e.js';
|
|
8
|
-
import '../../style-map-
|
|
8
|
+
import '../../style-map-15dde65e.js';
|
|
9
9
|
|
|
10
10
|
const style = ":host {\n display: flex;\n height: 100%\n}";
|
|
11
11
|
|
|
@@ -85,10 +85,10 @@ __decorateClass([
|
|
|
85
85
|
n({ type: String })
|
|
86
86
|
], LuksoTerms.prototype, "text", 2);
|
|
87
87
|
__decorateClass([
|
|
88
|
-
|
|
88
|
+
r()
|
|
89
89
|
], LuksoTerms.prototype, "hasScrollButton", 2);
|
|
90
90
|
LuksoTerms = __decorateClass([
|
|
91
|
-
|
|
91
|
+
t("lukso-terms")
|
|
92
92
|
], LuksoTerms);
|
|
93
93
|
|
|
94
94
|
export { LuksoTerms };
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
6
|
-
const
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-dda1809d.cjs');
|
|
6
|
+
const property = require('../../property-46482bf7.cjs');
|
|
7
7
|
const directive = require('../../directive-8278ab14.cjs');
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -11,14 +11,14 @@ const directive = require('../../directive-8278ab14.cjs');
|
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/
|
|
14
|
-
const t$2=globalThis,i$2=t$2.trustedTypes,s$1=i$2?i$2.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$
|
|
14
|
+
const t$2=globalThis,i$2=t$2.trustedTypes,s$1=i$2?i$2.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$2="$lit$",h$1=`lit$${(Math.random()+"").slice(9)}$`,o$2="?"+h$1,n$2=`<${o$2}>`,r$2=document,l=()=>r$2.createComment(""),c$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$1=Array.isArray,u=t=>a$1(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f$2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g$1=/"/g,$=/^(?:script|style|textarea|title)$/i,w$1=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),A$1=new WeakMap,E=r$2.createTreeWalker(r$2,129);function C(t,i){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$1?s$1.createHTML(i):i}const P=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":"",c=f$2;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f$2?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f$2,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g$1:p):c===g$1||c===p?c=m:c===v||c===_?c=f$2:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f$2?s+n$2:d>=0?(o.push(a),s.slice(0,d)+e$2+s.slice(d)+h$1+x):s+h$1+(-2===d?i:x);}return [C(t,l+(t[s]||"<?>")+(2===i?"</svg>":"")),o]};class V{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=P(t,s);if(this.el=V.createElement(f,n),E.currentNode=this.el.content,2===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=E.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$2)){const i=v[a++],s=r.getAttribute(t).split(h$1),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?k:"?"===e[1]?H:"@"===e[1]?I:R}),r.removeAttribute(t);}else t.startsWith(h$1)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h$1),s=t.length-1;if(s>0){r.textContent=i$2?i$2.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),E.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o$2)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$1,t+1));)d.push({type:7,index:c}),t+=h$1.length-1;}c++;}}static createElement(t,i){const s=r$2.createElement("template");return s.innerHTML=t,s}}function N$1(t,i,s=t,e){if(i===w$1)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$1(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=N$1(t,h._$AS(t,i.values),h,e)),i}class S{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$2).importNode(i,!0);E.currentNode=e;let h=E.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new M(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new L(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=E.nextNode(),o++);}return E.currentNode=r$2,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class M{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??!0;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=N$1(this,t,i),c$1(t)?t===T||null==t||""===t?(this._$AH!==T&&this._$AR(),this._$AH=T):t!==this._$AH&&t!==w$1&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):u(t)?this.T(t):this._(t);}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t));}_(t){this._$AH!==T&&c$1(this._$AH)?this._$AA.nextSibling.data=t:this.$(r$2.createTextNode(t)),this._$AH=t;}g(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=V.createElement(C(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new S(e,this),s=t.u(this.options);t.p(i),this.$(s),this._$AH=t;}}_$AC(t){let i=A$1.get(t.strings);return void 0===i&&A$1.set(t.strings,i=new V(t)),i}T(t){a$1(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new M(this.k(l()),this.k(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class R{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=T,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=T;}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=N$1(this,t,i,0),o=!c$1(t)||t!==this._$AH&&t!==w$1,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=N$1(this,e[s+n],i,n),r===w$1&&(r=this._$AH[n]),o||=!c$1(r)||r!==this._$AH[n],r===T?t=T:t!==T&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class k extends R{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===T?void 0:t;}}class H extends R{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==T);}}class I extends R{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=N$1(this,t,i,0)??T)===w$1)return;const s=this._$AH,e=t===T&&s!==T||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==T&&(s===T||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class L{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){N$1(this,t);}}const Z=t$2.litHtmlPolyfillSupport;Z?.(V,M),(t$2.litHtmlVersions??=[]).push("3.0.0");
|
|
15
15
|
|
|
16
16
|
/**
|
|
17
17
|
* @license
|
|
18
18
|
* Copyright 2017 Google LLC
|
|
19
19
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
20
20
|
*/
|
|
21
|
-
const t$1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});let i$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
21
|
+
const t$1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e$1=t=>(...e)=>({_$litDirective$:t,values:e});let i$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
22
22
|
|
|
23
23
|
/**
|
|
24
24
|
* @license
|
|
@@ -30,17 +30,17 @@ const t$1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6}
|
|
|
30
30
|
* @license
|
|
31
31
|
* Copyright 2017 Google LLC
|
|
32
32
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
33
|
-
*/const s=(i,t)=>{const e=i._$AN;if(void 0===e)return !1;for(const i of e)i._$AO?.(t,!1),s(i,t);return !0},o$
|
|
33
|
+
*/const s=(i,t)=>{const e=i._$AN;if(void 0===e)return !1;for(const i of e)i._$AO?.(t,!1),s(i,t);return !0},o$1=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===e?.size)},r$1=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),c(t);}};function h(i){void 0!==this._$AN?(o$1(this),this._$AM=i,r$1(this)):this._$AM=i;}function n$1(i,t=!1,e=0){const r=this._$AH,h=this._$AN;if(void 0!==h&&0!==h.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],!1),o$1(r[i]);else null!=r&&(s(r,!1),o$1(r));else s(this,i);}const c=i=>{i.type==t$1.CHILD&&(i._$AP??=n$1,i._$AQ??=h);};class f extends i$1{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),r$1(this),this.isConnected=i._$AU;}_$AO(i,t=!0){i!==this.isConnected&&(this.isConnected=i,i?this.reconnected?.():this.disconnected?.()),t&&(s(this,i),o$1(this));}setValue(t){if(f$1(this._$Ct))this._$Ct._$AI(t,this);else {const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0);}}disconnected(){}reconnected(){}}
|
|
34
34
|
|
|
35
35
|
const i=new WeakMap;class t{constructor(t,s){this.startPaused=!1,this.disabled=!1,this.clients=new Set,this.pendingComplete=!1,this.host=t,this.defaultOptions=s.defaultOptions||{},this.startPaused=!!s.startPaused,this.disabled=!!s.disabled,this.onComplete=s.onComplete,i.set(this.host,this);}async add(i){this.clients.add(i),this.startPaused&&i.webAnimation?.pause(),this.pendingComplete=!0,await i.finished,this.pendingComplete&&!this.isAnimating&&(this.pendingComplete=!1,this.onComplete?.());}remove(i){this.clients.delete(i);}pause(){this.clients.forEach((i=>i.webAnimation?.pause()));}play(){this.clients.forEach((i=>i.webAnimation?.play()));}cancel(){this.clients.forEach((i=>i.webAnimation?.cancel())),this.clients.clear();}finish(){this.clients.forEach((i=>i.webAnimation?.finish())),this.clients.clear();}togglePlay(){this.isPlaying?this.pause():this.play();}get isAnimating(){return this.clients.size>0}get isPlaying(){return Array.from(this.clients).some((i=>"running"===i.webAnimation?.playState))}async finished(){await Promise.all(Array.from(this.clients).map((i=>i.finished)));}}
|
|
36
36
|
|
|
37
|
-
let o
|
|
37
|
+
let o=0;const r=new Map,n=new WeakSet,a=()=>new Promise((t=>requestAnimationFrame(t))),g=(t,i)=>{const s=t-i;return 0===s?void 0:s},w=(t,i)=>{const s=t/i;return 1===s?void 0:s},N={left:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateX(${s}px)`}},top:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateY(${s}px)`}},width:(t,i)=>{let s;0===i&&(i=1,s={width:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleX(${e})`}},height:(t,i)=>{let s;0===i&&(i=1,s={height:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleY(${e})`}}},A={duration:333,easing:"ease-in-out"},b=["left","top","width","height","opacity","color","background"],j=new WeakMap;class x extends f{constructor(t){if(super(t),this.t=null,this.i=null,this.o=!0,this.shouldLog=!1,t.type===t$1.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished();}createFinished(){this.resolveFinished?.(),this.finished=new Promise((t=>{this.h=t;}));}async resolveFinished(){this.h?.(),this.h=void 0;}render(i){return T}getController(){return i.get(this.l)}isDisabled(){return this.options.disabled||this.getController()?.disabled}update(t,[i]){const s=void 0===this.l;return s&&(this.l=t.options?.host,this.l.addController(this),this.element=t.element,j.set(this.element,this)),this.optionsOrCallback=i,(s||"function"!=typeof i)&&this.u(i),this.render(i)}u(t){t=t??{};const i=this.getController();void 0!==i&&((t={...i.defaultOptions,...t}).keyframeOptions={...i.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??=b,this.options=t;}p(){const t={},i=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((e=>{const h=i[e]??(N[e]?void 0:s[e]),o=Number(h);t[e]=isNaN(o)?h+"":o;})),t}m(){let t,i=!0;return this.options.guard&&(t=this.options.guard(),i=((t,i)=>{if(Array.isArray(t)){if(Array.isArray(i)&&i.length===t.length&&t.every(((t,s)=>t===i[s])))return !1}else if(i===t)return !1;return !0})(t,this.v)),this.o=this.l.hasUpdated&&!this.isDisabled()&&!this.isAnimating()&&i&&this.element.isConnected,this.o&&(this.v=Array.isArray(t)?Array.from(t):t),this.o}hostUpdate(){"function"==typeof this.optionsOrCallback&&this.u(this.optionsOrCallback()),this.m()&&(this.g=this.p(),this.t=this.t??this.element.parentNode,this.i=this.element.nextSibling);}async hostUpdated(){if(!this.o||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await a;const i=this._(),s=this.A(this.options.keyframeOptions,i),e=this.p();if(void 0!==this.g){const{from:s,to:h}=this.O(this.g,e,i);this.log("measured",[this.g,e,s,h]),t=this.calculateKeyframes(s,h);}else {const s=r.get(this.options.inId);if(s){r.delete(this.options.inId);const{from:h,to:n}=this.O(s,e,i);t=this.calculateKeyframes(h,n),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,o++,t.forEach((t=>t.zIndex=o));}else this.options.in&&(t=[...this.options.in,{}]);}this.animate(t,s);}resetStyles(){void 0!==this.j&&(this.element.setAttribute("style",this.j??""),this.j=void 0);}commitStyles(){this.j=this.element.getAttribute("style"),this.webAnimation?.commitStyles(),this.webAnimation?.cancel();}reconnected(){}async disconnected(){if(!this.o)return;if(void 0!==this.options.id&&r.set(this.options.id,this.g),void 0===this.options.out)return;if(this.prepare(),await a(),this.t?.isConnected){const t=this.i&&this.i.parentNode===this.t?this.i:null;if(this.t.insertBefore(this.element,t),this.options.stabilizeOut){const t=this.p();this.log("stabilizing out");const i=this.g.left-t.left,s=this.g.top-t.top;!("static"===getComputedStyle(this.element).position)||0===i&&0===s||(this.element.style.position="relative"),0!==i&&(this.element.style.left=i+"px"),0!==s&&(this.element.style.top=s+"px");}}const t=this.A(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove();}prepare(){this.createFinished();}start(){this.options.onStart?.(this);}didFinish(t){t&&this.options.onComplete?.(this),this.g=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished();}_(){const t=[];for(let i=this.element.parentNode;i;i=i?.parentNode){const s=j.get(i);s&&!s.isDisabled()&&s&&t.push(s);}return t}get isHostRendered(){const t=n.has(this.l);return t||this.l.updateComplete.then((()=>{n.add(this.l);})),t}A(t,i=this._()){const s={...A};return i.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,t),s}O(t,i,s){t={...t},i={...i};const e=s.map((t=>t.animatingProperties)).filter((t=>void 0!==t));let h=1,o=1;return void 0!==e&&(e.forEach((t=>{t.width&&(h/=t.width),t.height&&(o/=t.height);})),void 0!==t.left&&void 0!==i.left&&(t.left=h*t.left,i.left=h*i.left),void 0!==t.top&&void 0!==i.top&&(t.top=o*t.top,i.top=o*i.top)),{from:t,to:i}}calculateKeyframes(t,i,s=!1){const e={},h={};let o=!1;const r={};for(const s in i){const n=t[s],a=i[s];if(s in N){const t=N[s];if(void 0===n||void 0===a)continue;const i=t(n,a);void 0!==i.transform&&(r[s]=i.value,o=!0,e.transform=`${e.transform??""} ${i.transform}`,void 0!==i.overrideFrom&&Object.assign(e,i.overrideFrom));}else n!==a&&void 0!==n&&void 0!==a&&(o=!0,e[s]=n,h[s]=a);}return e.transformOrigin=h.transformOrigin=s?"center center":"top left",this.animatingProperties=r,o?[e,h]:void 0}async animate(t,i=this.options.keyframeOptions){this.start(),this.frames=t;let s=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),void 0!==t)){this.log("animate",[t,i]),s=!0,this.webAnimation=this.element.animate(t,i);const e=this.getController();e?.add(this);try{await this.webAnimation.finished;}catch(t){}e?.remove(this);}return this.didFinish(s),s}isAnimating(){return "running"===this.webAnimation?.playState||this.webAnimation?.pending}log(t,i){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,i);}}const F=e$1(x);
|
|
38
38
|
|
|
39
39
|
/**
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2018 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
43
|
-
*/const
|
|
43
|
+
*/const e=directive.e(class extends directive.i{constructor(t){if(super(t),t.type!==directive.t.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return shared_tailwindElement_index.T}});
|
|
44
44
|
|
|
45
45
|
const style = "p {\n --tw-bg-opacity: 1;\n background-color: rgb(254 202 202 / var(--tw-bg-opacity))\n}\np b {\n --tw-text-opacity: 1;\n color: rgb(249 115 22 / var(--tw-text-opacity))\n}";
|
|
46
46
|
|
|
@@ -96,7 +96,7 @@ exports.LuksoTest = class LuksoTest extends shared_tailwindElement_index.Tailwin
|
|
|
96
96
|
?disabled=${this.disabled}
|
|
97
97
|
data-testid="button"
|
|
98
98
|
@click=${this._onClick}
|
|
99
|
-
class="hover:text-yellow-700 ${
|
|
99
|
+
class="hover:text-yellow-700 ${e(classes)}"
|
|
100
100
|
${F()}
|
|
101
101
|
>
|
|
102
102
|
Hello world! 2
|
|
@@ -105,14 +105,14 @@ exports.LuksoTest = class LuksoTest extends shared_tailwindElement_index.Tailwin
|
|
|
105
105
|
}
|
|
106
106
|
};
|
|
107
107
|
__decorateClass([
|
|
108
|
-
|
|
108
|
+
property.n()
|
|
109
109
|
], exports.LuksoTest.prototype, "name", 2);
|
|
110
110
|
__decorateClass([
|
|
111
|
-
|
|
111
|
+
property.n()
|
|
112
112
|
], exports.LuksoTest.prototype, "clicked", 2);
|
|
113
113
|
__decorateClass([
|
|
114
|
-
|
|
114
|
+
property.n({ type: Boolean })
|
|
115
115
|
], exports.LuksoTest.prototype, "disabled", 2);
|
|
116
116
|
exports.LuksoTest = __decorateClass([
|
|
117
|
-
|
|
117
|
+
property.t("lukso-test")
|
|
118
118
|
], exports.LuksoTest);
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-
|
|
2
|
-
import { n as n$3,
|
|
3
|
-
import { e as e$
|
|
1
|
+
import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-86a3fdc1.js';
|
|
2
|
+
import { n as n$3, t as t$4 } from '../../property-140ef335.js';
|
|
3
|
+
import { e as e$3, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
9
|
*/
|
|
10
|
-
const t$2=globalThis,i$2=t$2.trustedTypes,s$1=i$2?i$2.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$
|
|
10
|
+
const t$2=globalThis,i$2=t$2.trustedTypes,s$1=i$2?i$2.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$2="$lit$",h$1=`lit$${(Math.random()+"").slice(9)}$`,o$2="?"+h$1,n$2=`<${o$2}>`,r$2=document,l=()=>r$2.createComment(""),c$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$1=Array.isArray,u=t=>a$1(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f$2=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g$1=/"/g,$=/^(?:script|style|textarea|title)$/i,w$1=Symbol.for("lit-noChange"),T=Symbol.for("lit-nothing"),A$1=new WeakMap,E=r$2.createTreeWalker(r$2,129);function C(t,i){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$1?s$1.createHTML(i):i}const P=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":"",c=f$2;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f$2?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f$2,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g$1:p):c===g$1||c===p?c=m:c===v||c===_?c=f$2:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f$2?s+n$2:d>=0?(o.push(a),s.slice(0,d)+e$2+s.slice(d)+h$1+x):s+h$1+(-2===d?i:x);}return [C(t,l+(t[s]||"<?>")+(2===i?"</svg>":"")),o]};class V{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=P(t,s);if(this.el=V.createElement(f,n),E.currentNode=this.el.content,2===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=E.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$2)){const i=v[a++],s=r.getAttribute(t).split(h$1),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?k:"?"===e[1]?H:"@"===e[1]?I:R}),r.removeAttribute(t);}else t.startsWith(h$1)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h$1),s=t.length-1;if(s>0){r.textContent=i$2?i$2.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),E.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o$2)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$1,t+1));)d.push({type:7,index:c}),t+=h$1.length-1;}c++;}}static createElement(t,i){const s=r$2.createElement("template");return s.innerHTML=t,s}}function N$1(t,i,s=t,e){if(i===w$1)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$1(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=N$1(t,h._$AS(t,i.values),h,e)),i}class S{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$2).importNode(i,!0);E.currentNode=e;let h=E.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new M(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new L(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=E.nextNode(),o++);}return E.currentNode=r$2,e}p(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class M{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=T,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??!0;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=N$1(this,t,i),c$1(t)?t===T||null==t||""===t?(this._$AH!==T&&this._$AR(),this._$AH=T):t!==this._$AH&&t!==w$1&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):u(t)?this.T(t):this._(t);}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t));}_(t){this._$AH!==T&&c$1(this._$AH)?this._$AA.nextSibling.data=t:this.$(r$2.createTextNode(t)),this._$AH=t;}g(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=V.createElement(C(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new S(e,this),s=t.u(this.options);t.p(i),this.$(s),this._$AH=t;}}_$AC(t){let i=A$1.get(t.strings);return void 0===i&&A$1.set(t.strings,i=new V(t)),i}T(t){a$1(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new M(this.k(l()),this.k(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class R{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=T,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=T;}_$AI(t,i=this,s,e){const h=this.strings;let o=!1;if(void 0===h)t=N$1(this,t,i,0),o=!c$1(t)||t!==this._$AH&&t!==w$1,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=N$1(this,e[s+n],i,n),r===w$1&&(r=this._$AH[n]),o||=!c$1(r)||r!==this._$AH[n],r===T?t=T:t!==T&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===T?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class k extends R{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===T?void 0:t;}}class H extends R{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==T);}}class I extends R{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=N$1(this,t,i,0)??T)===w$1)return;const s=this._$AH,e=t===T&&s!==T||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==T&&(s===T||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class L{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){N$1(this,t);}}const Z=t$2.litHtmlPolyfillSupport;Z?.(V,M),(t$2.litHtmlVersions??=[]).push("3.0.0");
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
13
|
* @license
|
|
14
14
|
* Copyright 2017 Google LLC
|
|
15
15
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
16
|
*/
|
|
17
|
-
const t$1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e=t=>(...e)=>({_$litDirective$:t,values:e});let i$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
17
|
+
const t$1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e$1=t=>(...e)=>({_$litDirective$:t,values:e});let i$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
18
18
|
|
|
19
19
|
/**
|
|
20
20
|
* @license
|
|
@@ -26,17 +26,17 @@ const t$1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6}
|
|
|
26
26
|
* @license
|
|
27
27
|
* Copyright 2017 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
-
*/const s=(i,t)=>{const e=i._$AN;if(void 0===e)return !1;for(const i of e)i._$AO?.(t,!1),s(i,t);return !0},o$
|
|
29
|
+
*/const s=(i,t)=>{const e=i._$AN;if(void 0===e)return !1;for(const i of e)i._$AO?.(t,!1),s(i,t);return !0},o$1=i=>{let t,e;do{if(void 0===(t=i._$AM))break;e=t._$AN,e.delete(i),i=t;}while(0===e?.size)},r$1=i=>{for(let t;t=i._$AM;i=t){let e=t._$AN;if(void 0===e)t._$AN=e=new Set;else if(e.has(i))break;e.add(i),c(t);}};function h(i){void 0!==this._$AN?(o$1(this),this._$AM=i,r$1(this)):this._$AM=i;}function n$1(i,t=!1,e=0){const r=this._$AH,h=this._$AN;if(void 0!==h&&0!==h.size)if(t)if(Array.isArray(r))for(let i=e;i<r.length;i++)s(r[i],!1),o$1(r[i]);else null!=r&&(s(r,!1),o$1(r));else s(this,i);}const c=i=>{i.type==t$1.CHILD&&(i._$AP??=n$1,i._$AQ??=h);};class f extends i$1{constructor(){super(...arguments),this._$AN=void 0;}_$AT(i,t,e){super._$AT(i,t,e),r$1(this),this.isConnected=i._$AU;}_$AO(i,t=!0){i!==this.isConnected&&(this.isConnected=i,i?this.reconnected?.():this.disconnected?.()),t&&(s(this,i),o$1(this));}setValue(t){if(f$1(this._$Ct))this._$Ct._$AI(t,this);else {const i=[...this._$Ct._$AH];i[this._$Ci]=t,this._$Ct._$AI(i,this,0);}}disconnected(){}reconnected(){}}
|
|
30
30
|
|
|
31
31
|
const i=new WeakMap;class t{constructor(t,s){this.startPaused=!1,this.disabled=!1,this.clients=new Set,this.pendingComplete=!1,this.host=t,this.defaultOptions=s.defaultOptions||{},this.startPaused=!!s.startPaused,this.disabled=!!s.disabled,this.onComplete=s.onComplete,i.set(this.host,this);}async add(i){this.clients.add(i),this.startPaused&&i.webAnimation?.pause(),this.pendingComplete=!0,await i.finished,this.pendingComplete&&!this.isAnimating&&(this.pendingComplete=!1,this.onComplete?.());}remove(i){this.clients.delete(i);}pause(){this.clients.forEach((i=>i.webAnimation?.pause()));}play(){this.clients.forEach((i=>i.webAnimation?.play()));}cancel(){this.clients.forEach((i=>i.webAnimation?.cancel())),this.clients.clear();}finish(){this.clients.forEach((i=>i.webAnimation?.finish())),this.clients.clear();}togglePlay(){this.isPlaying?this.pause():this.play();}get isAnimating(){return this.clients.size>0}get isPlaying(){return Array.from(this.clients).some((i=>"running"===i.webAnimation?.playState))}async finished(){await Promise.all(Array.from(this.clients).map((i=>i.finished)));}}
|
|
32
32
|
|
|
33
|
-
let o
|
|
33
|
+
let o=0;const r=new Map,n=new WeakSet,a=()=>new Promise((t=>requestAnimationFrame(t))),g=(t,i)=>{const s=t-i;return 0===s?void 0:s},w=(t,i)=>{const s=t/i;return 1===s?void 0:s},N={left:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateX(${s}px)`}},top:(t,i)=>{const s=g(t,i);return {value:s,transform:null==s||isNaN(s)?void 0:`translateY(${s}px)`}},width:(t,i)=>{let s;0===i&&(i=1,s={width:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleX(${e})`}},height:(t,i)=>{let s;0===i&&(i=1,s={height:"1px"});const e=w(t,i);return {value:e,overrideFrom:s,transform:null==e||isNaN(e)?void 0:`scaleY(${e})`}}},A={duration:333,easing:"ease-in-out"},b=["left","top","width","height","opacity","color","background"],j=new WeakMap;class x extends f{constructor(t){if(super(t),this.t=null,this.i=null,this.o=!0,this.shouldLog=!1,t.type===t$1.CHILD)throw Error("The `animate` directive must be used in attribute position.");this.createFinished();}createFinished(){this.resolveFinished?.(),this.finished=new Promise((t=>{this.h=t;}));}async resolveFinished(){this.h?.(),this.h=void 0;}render(i){return T}getController(){return i.get(this.l)}isDisabled(){return this.options.disabled||this.getController()?.disabled}update(t,[i]){const s=void 0===this.l;return s&&(this.l=t.options?.host,this.l.addController(this),this.element=t.element,j.set(this.element,this)),this.optionsOrCallback=i,(s||"function"!=typeof i)&&this.u(i),this.render(i)}u(t){t=t??{};const i=this.getController();void 0!==i&&((t={...i.defaultOptions,...t}).keyframeOptions={...i.defaultOptions.keyframeOptions,...t.keyframeOptions}),t.properties??=b,this.options=t;}p(){const t={},i=this.element.getBoundingClientRect(),s=getComputedStyle(this.element);return this.options.properties.forEach((e=>{const h=i[e]??(N[e]?void 0:s[e]),o=Number(h);t[e]=isNaN(o)?h+"":o;})),t}m(){let t,i=!0;return this.options.guard&&(t=this.options.guard(),i=((t,i)=>{if(Array.isArray(t)){if(Array.isArray(i)&&i.length===t.length&&t.every(((t,s)=>t===i[s])))return !1}else if(i===t)return !1;return !0})(t,this.v)),this.o=this.l.hasUpdated&&!this.isDisabled()&&!this.isAnimating()&&i&&this.element.isConnected,this.o&&(this.v=Array.isArray(t)?Array.from(t):t),this.o}hostUpdate(){"function"==typeof this.optionsOrCallback&&this.u(this.optionsOrCallback()),this.m()&&(this.g=this.p(),this.t=this.t??this.element.parentNode,this.i=this.element.nextSibling);}async hostUpdated(){if(!this.o||!this.element.isConnected||this.options.skipInitial&&!this.isHostRendered)return;let t;this.prepare(),await a;const i=this._(),s=this.A(this.options.keyframeOptions,i),e=this.p();if(void 0!==this.g){const{from:s,to:h}=this.O(this.g,e,i);this.log("measured",[this.g,e,s,h]),t=this.calculateKeyframes(s,h);}else {const s=r.get(this.options.inId);if(s){r.delete(this.options.inId);const{from:h,to:n}=this.O(s,e,i);t=this.calculateKeyframes(h,n),t=this.options.in?[{...this.options.in[0],...t[0]},...this.options.in.slice(1),t[1]]:t,o++,t.forEach((t=>t.zIndex=o));}else this.options.in&&(t=[...this.options.in,{}]);}this.animate(t,s);}resetStyles(){void 0!==this.j&&(this.element.setAttribute("style",this.j??""),this.j=void 0);}commitStyles(){this.j=this.element.getAttribute("style"),this.webAnimation?.commitStyles(),this.webAnimation?.cancel();}reconnected(){}async disconnected(){if(!this.o)return;if(void 0!==this.options.id&&r.set(this.options.id,this.g),void 0===this.options.out)return;if(this.prepare(),await a(),this.t?.isConnected){const t=this.i&&this.i.parentNode===this.t?this.i:null;if(this.t.insertBefore(this.element,t),this.options.stabilizeOut){const t=this.p();this.log("stabilizing out");const i=this.g.left-t.left,s=this.g.top-t.top;!("static"===getComputedStyle(this.element).position)||0===i&&0===s||(this.element.style.position="relative"),0!==i&&(this.element.style.left=i+"px"),0!==s&&(this.element.style.top=s+"px");}}const t=this.A(this.options.keyframeOptions);await this.animate(this.options.out,t),this.element.remove();}prepare(){this.createFinished();}start(){this.options.onStart?.(this);}didFinish(t){t&&this.options.onComplete?.(this),this.g=void 0,this.animatingProperties=void 0,this.frames=void 0,this.resolveFinished();}_(){const t=[];for(let i=this.element.parentNode;i;i=i?.parentNode){const s=j.get(i);s&&!s.isDisabled()&&s&&t.push(s);}return t}get isHostRendered(){const t=n.has(this.l);return t||this.l.updateComplete.then((()=>{n.add(this.l);})),t}A(t,i=this._()){const s={...A};return i.forEach((t=>Object.assign(s,t.options.keyframeOptions))),Object.assign(s,t),s}O(t,i,s){t={...t},i={...i};const e=s.map((t=>t.animatingProperties)).filter((t=>void 0!==t));let h=1,o=1;return void 0!==e&&(e.forEach((t=>{t.width&&(h/=t.width),t.height&&(o/=t.height);})),void 0!==t.left&&void 0!==i.left&&(t.left=h*t.left,i.left=h*i.left),void 0!==t.top&&void 0!==i.top&&(t.top=o*t.top,i.top=o*i.top)),{from:t,to:i}}calculateKeyframes(t,i,s=!1){const e={},h={};let o=!1;const r={};for(const s in i){const n=t[s],a=i[s];if(s in N){const t=N[s];if(void 0===n||void 0===a)continue;const i=t(n,a);void 0!==i.transform&&(r[s]=i.value,o=!0,e.transform=`${e.transform??""} ${i.transform}`,void 0!==i.overrideFrom&&Object.assign(e,i.overrideFrom));}else n!==a&&void 0!==n&&void 0!==a&&(o=!0,e[s]=n,h[s]=a);}return e.transformOrigin=h.transformOrigin=s?"center center":"top left",this.animatingProperties=r,o?[e,h]:void 0}async animate(t,i=this.options.keyframeOptions){this.start(),this.frames=t;let s=!1;if(!this.isAnimating()&&!this.isDisabled()&&(this.options.onFrames&&(this.frames=t=this.options.onFrames(this),this.log("modified frames",t)),void 0!==t)){this.log("animate",[t,i]),s=!0,this.webAnimation=this.element.animate(t,i);const e=this.getController();e?.add(this);try{await this.webAnimation.finished;}catch(t){}e?.remove(this);}return this.didFinish(s),s}isAnimating(){return "running"===this.webAnimation?.playState||this.webAnimation?.pending}log(t,i){this.shouldLog&&!this.isDisabled()&&console.log(t,this.options.id,i);}}const F=e$1(x);
|
|
34
34
|
|
|
35
35
|
/**
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2018 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/const
|
|
39
|
+
*/const e=e$3(class extends i$3{constructor(t){if(super(t),t.type!==t$3.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T$1}});
|
|
40
40
|
|
|
41
41
|
const style = "p {\n --tw-bg-opacity: 1;\n background-color: rgb(254 202 202 / var(--tw-bg-opacity))\n}\np b {\n --tw-text-opacity: 1;\n color: rgb(249 115 22 / var(--tw-text-opacity))\n}";
|
|
42
42
|
|
|
@@ -92,7 +92,7 @@ let LuksoTest = class extends TailwindStyledElement(style) {
|
|
|
92
92
|
?disabled=${this.disabled}
|
|
93
93
|
data-testid="button"
|
|
94
94
|
@click=${this._onClick}
|
|
95
|
-
class="hover:text-yellow-700 ${
|
|
95
|
+
class="hover:text-yellow-700 ${e(classes)}"
|
|
96
96
|
${F()}
|
|
97
97
|
>
|
|
98
98
|
Hello world! 2
|
|
@@ -110,7 +110,7 @@ __decorateClass([
|
|
|
110
110
|
n$3({ type: Boolean })
|
|
111
111
|
], LuksoTest.prototype, "disabled", 2);
|
|
112
112
|
LuksoTest = __decorateClass([
|
|
113
|
-
|
|
113
|
+
t$4("lukso-test")
|
|
114
114
|
], LuksoTest);
|
|
115
115
|
|
|
116
116
|
export { LuksoTest };
|