@lukso/web-components 1.117.0 → 1.119.0
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/components/lukso-icon/icons/document-text.d.ts +3 -0
- package/dist/components/lukso-icon/icons/document-text.d.ts.map +1 -0
- package/dist/components/lukso-icon/index.cjs +24 -0
- package/dist/components/lukso-icon/index.d.ts.map +1 -1
- package/dist/components/lukso-icon/index.js +24 -0
- package/dist/components/lukso-search/index.cjs +10 -6
- package/dist/components/lukso-search/index.d.ts +1 -0
- package/dist/components/lukso-search/index.d.ts.map +1 -1
- package/dist/components/lukso-search/index.js +10 -6
- package/dist/components/lukso-search/lukso-search.stories.d.ts +2 -0
- package/dist/components/lukso-search/lukso-search.stories.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"document-text.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/document-text.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,eAAO,MAAM,YAAY,YAAa,WAAW,yCAqBhD,CAAA"}
|
|
@@ -7488,6 +7488,29 @@ const minusFilled = (options) => {
|
|
|
7488
7488
|
</svg> `;
|
|
7489
7489
|
};
|
|
7490
7490
|
|
|
7491
|
+
const documentText = (options) => {
|
|
7492
|
+
return shared_tailwindElement_index.x`<svg
|
|
7493
|
+
width="24"
|
|
7494
|
+
height="24"
|
|
7495
|
+
viewBox="0 0 25 24"
|
|
7496
|
+
fill="none"
|
|
7497
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7498
|
+
style=${styleMap.o({
|
|
7499
|
+
width: `${options.width}px`,
|
|
7500
|
+
height: `${options.height}px`
|
|
7501
|
+
})}
|
|
7502
|
+
>
|
|
7503
|
+
<path
|
|
7504
|
+
d="M16.417 22.75h-8c-3.65 0-5.75-2.1-5.75-5.75V7c0-3.65 2.1-5.75 5.75-5.75h8c3.65 0 5.75 2.1 5.75 5.75v10c0 3.65-2.1 5.75-5.75 5.75m-8-20c-2.86 0-4.25 1.39-4.25 4.25v10c0 2.86 1.39 4.25 4.25 4.25h8c2.86 0 4.25-1.39 4.25-4.25V7c0-2.86-1.39-4.25-4.25-4.25z"
|
|
7505
|
+
fill="var(--${options.color})"
|
|
7506
|
+
/>
|
|
7507
|
+
<path
|
|
7508
|
+
d="M18.917 9.25h-2c-1.52 0-2.75-1.23-2.75-2.75v-2c0-.41.34-.75.75-.75s.75.34.75.75v2c0 .69.56 1.25 1.25 1.25h2c.41 0 .75.34.75.75s-.34.75-.75.75m-6.5 4.5h-4c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75m4 4h-8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8c.41 0 .75.34.75.75s-.34.75-.75.75"
|
|
7509
|
+
fill="var(--${options.color})"
|
|
7510
|
+
/>
|
|
7511
|
+
</svg> `;
|
|
7512
|
+
};
|
|
7513
|
+
|
|
7491
7514
|
var __defProp = Object.defineProperty;
|
|
7492
7515
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7493
7516
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
@@ -7643,6 +7666,7 @@ const iconMap = {
|
|
|
7643
7666
|
"extension-outline": extensionOutline,
|
|
7644
7667
|
"lukso-logo": luksoLogo,
|
|
7645
7668
|
"document-outline": documentOutline,
|
|
7669
|
+
"document-text": documentText,
|
|
7646
7670
|
"headset-outline": headsetOutline,
|
|
7647
7671
|
"cube-outline": cubeOutline,
|
|
7648
7672
|
"film-outline": filmOutline,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AAuMA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AA6M5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
|
|
@@ -7484,6 +7484,29 @@ const minusFilled = (options) => {
|
|
|
7484
7484
|
</svg> `;
|
|
7485
7485
|
};
|
|
7486
7486
|
|
|
7487
|
+
const documentText = (options) => {
|
|
7488
|
+
return x`<svg
|
|
7489
|
+
width="24"
|
|
7490
|
+
height="24"
|
|
7491
|
+
viewBox="0 0 25 24"
|
|
7492
|
+
fill="none"
|
|
7493
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7494
|
+
style=${o({
|
|
7495
|
+
width: `${options.width}px`,
|
|
7496
|
+
height: `${options.height}px`
|
|
7497
|
+
})}
|
|
7498
|
+
>
|
|
7499
|
+
<path
|
|
7500
|
+
d="M16.417 22.75h-8c-3.65 0-5.75-2.1-5.75-5.75V7c0-3.65 2.1-5.75 5.75-5.75h8c3.65 0 5.75 2.1 5.75 5.75v10c0 3.65-2.1 5.75-5.75 5.75m-8-20c-2.86 0-4.25 1.39-4.25 4.25v10c0 2.86 1.39 4.25 4.25 4.25h8c2.86 0 4.25-1.39 4.25-4.25V7c0-2.86-1.39-4.25-4.25-4.25z"
|
|
7501
|
+
fill="var(--${options.color})"
|
|
7502
|
+
/>
|
|
7503
|
+
<path
|
|
7504
|
+
d="M18.917 9.25h-2c-1.52 0-2.75-1.23-2.75-2.75v-2c0-.41.34-.75.75-.75s.75.34.75.75v2c0 .69.56 1.25 1.25 1.25h2c.41 0 .75.34.75.75s-.34.75-.75.75m-6.5 4.5h-4c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h4c.41 0 .75.34.75.75s-.34.75-.75.75m4 4h-8c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h8c.41 0 .75.34.75.75s-.34.75-.75.75"
|
|
7505
|
+
fill="var(--${options.color})"
|
|
7506
|
+
/>
|
|
7507
|
+
</svg> `;
|
|
7508
|
+
};
|
|
7509
|
+
|
|
7487
7510
|
var __defProp = Object.defineProperty;
|
|
7488
7511
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7489
7512
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
@@ -7639,6 +7662,7 @@ const iconMap = {
|
|
|
7639
7662
|
"extension-outline": extensionOutline,
|
|
7640
7663
|
"lukso-logo": luksoLogo,
|
|
7641
7664
|
"document-outline": documentOutline,
|
|
7665
|
+
"document-text": documentText,
|
|
7642
7666
|
"headset-outline": headsetOutline,
|
|
7643
7667
|
"cube-outline": cubeOutline,
|
|
7644
7668
|
"film-outline": filmOutline,
|
|
@@ -2,22 +2,22 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
+
const components_luksoProfile_index = require('../../index-67915f32.cjs');
|
|
5
6
|
const shared_tailwindElement_index = require('../../index-68c61387.cjs');
|
|
6
7
|
const property = require('../../property-bf2eee83.cjs');
|
|
7
8
|
const state = require('../../state-375dfffc.cjs');
|
|
8
9
|
const index = require('../../index-2b104ecb.cjs');
|
|
9
|
-
const components_luksoProfile_index = require('../../index-67915f32.cjs');
|
|
10
|
-
require('../lukso-icon/index.cjs');
|
|
11
|
-
require('../lukso-username/index.cjs');
|
|
12
|
-
require('../lukso-input/index.cjs');
|
|
13
10
|
require('../../index-104cf124.cjs');
|
|
14
11
|
require('../lukso-dropdown-option/index.cjs');
|
|
12
|
+
require('../lukso-icon/index.cjs');
|
|
13
|
+
require('../lukso-input/index.cjs');
|
|
14
|
+
require('../lukso-username/index.cjs');
|
|
15
15
|
require('../lukso-image/index.cjs');
|
|
16
16
|
require('../../style-map-8e54f508.cjs');
|
|
17
17
|
require('../../directive-8278ab14.cjs');
|
|
18
|
-
require('../../index-3926da18.cjs');
|
|
19
18
|
require('../../tailwind-config.cjs');
|
|
20
19
|
require('../../cn-b6daa995.cjs');
|
|
20
|
+
require('../../index-3926da18.cjs');
|
|
21
21
|
|
|
22
22
|
const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
|
|
23
23
|
|
|
@@ -50,6 +50,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
|
|
|
50
50
|
this.autofocus = false;
|
|
51
51
|
this.borderless = false;
|
|
52
52
|
this.results = "";
|
|
53
|
+
this.rightIcon = "search";
|
|
53
54
|
this.debounce = 700;
|
|
54
55
|
this.isSearching = false;
|
|
55
56
|
this.noResultsText = "";
|
|
@@ -365,7 +366,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
|
|
|
365
366
|
id=${this.id}
|
|
366
367
|
size=${this.size}
|
|
367
368
|
data-component="lukso-search"
|
|
368
|
-
right-icon="${this.hasReset && this.value ? "close-sm" :
|
|
369
|
+
right-icon="${this.hasReset && this.value ? "close-sm" : this.rightIcon}"
|
|
369
370
|
?is-right-icon-clickable=${this.hasReset && this.value}
|
|
370
371
|
?autofocus=${this.autofocus}
|
|
371
372
|
?is-readonly=${this.isReadonly}
|
|
@@ -433,6 +434,9 @@ __decorateClass([
|
|
|
433
434
|
__decorateClass([
|
|
434
435
|
property.n({ type: String })
|
|
435
436
|
], exports.LuksoSearch.prototype, "results", 2);
|
|
437
|
+
__decorateClass([
|
|
438
|
+
property.n({ type: String, attribute: "right-icon" })
|
|
439
|
+
], exports.LuksoSearch.prototype, "rightIcon", 2);
|
|
436
440
|
__decorateClass([
|
|
437
441
|
property.n({ type: Number })
|
|
438
442
|
], exports.LuksoSearch.prototype, "debounce", 2);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAI7E,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,yBAAyB,CAAA;AAChC,OAAO,0BAA0B,CAAA;AACjC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AAIpC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,mBAAmB,CAAA;;AAEnE,qBACa,WAAY,SAAQ,gBAA4B;IAE3D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,YAAY,SAAQ;IAGpB,EAAE,SAAK;IAGP,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,OAAO,SAAK;IAGZ,SAAS,SAAW;IAGpB,QAAQ,SAAM;IAGd,WAAW,UAAQ;IAGnB,aAAa,SAAK;IAGlB,aAAa,UAAQ;IAGrB,WAAW,UAAQ;IAGnB,QAAQ,UAAQ;IAGhB,oBAAoB,UAAQ;IAG5B,QAAQ,MAAY;IAGpB,IAAI,EAAE,SAAS,CAAW;IAG1B,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,aAAa,CAAgB;IAGrC,OAAO,CAAC,aAAa,CAAqB;IAG1C,OAAO,CAAC,UAAU,CAAK;IAEvB,OAAO,CAAC,MAAM,CAcZ;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAwBlD,eAAe;IA2Bf,iBAAiB;IAYjB,eAAe;IAiDf,oBAAoB,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM;IAY9D,qBAAqB,CAAC,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM;YAmClD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CAgDP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
+
import { m as makeBlockie } from '../../index-ff8d75cd.js';
|
|
1
2
|
import { T as TailwindStyledElement, x, E } from '../../index-92dc158d.js';
|
|
2
3
|
import { n, t } from '../../property-eaa52bd9.js';
|
|
3
4
|
import { r } from '../../state-1fc9a224.js';
|
|
4
5
|
import { c as ce } from '../../index-d14b6a34.js';
|
|
5
|
-
import { m as makeBlockie } from '../../index-ff8d75cd.js';
|
|
6
|
-
import '../lukso-icon/index.js';
|
|
7
|
-
import '../lukso-username/index.js';
|
|
8
|
-
import '../lukso-input/index.js';
|
|
9
6
|
import '../../index-12775596.js';
|
|
10
7
|
import '../lukso-dropdown-option/index.js';
|
|
8
|
+
import '../lukso-icon/index.js';
|
|
9
|
+
import '../lukso-input/index.js';
|
|
10
|
+
import '../lukso-username/index.js';
|
|
11
11
|
import '../lukso-image/index.js';
|
|
12
12
|
import '../../style-map-5aef4b6f.js';
|
|
13
13
|
import '../../directive-2bb7789e.js';
|
|
14
|
-
import '../../index-7bb28a79.js';
|
|
15
14
|
import '../../tailwind-config.js';
|
|
16
15
|
import '../../cn-90c03edf.js';
|
|
16
|
+
import '../../index-7bb28a79.js';
|
|
17
17
|
|
|
18
18
|
const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
|
|
19
19
|
|
|
@@ -46,6 +46,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
|
|
|
46
46
|
this.autofocus = false;
|
|
47
47
|
this.borderless = false;
|
|
48
48
|
this.results = "";
|
|
49
|
+
this.rightIcon = "search";
|
|
49
50
|
this.debounce = 700;
|
|
50
51
|
this.isSearching = false;
|
|
51
52
|
this.noResultsText = "";
|
|
@@ -361,7 +362,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
|
|
|
361
362
|
id=${this.id}
|
|
362
363
|
size=${this.size}
|
|
363
364
|
data-component="lukso-search"
|
|
364
|
-
right-icon="${this.hasReset && this.value ? "close-sm" :
|
|
365
|
+
right-icon="${this.hasReset && this.value ? "close-sm" : this.rightIcon}"
|
|
365
366
|
?is-right-icon-clickable=${this.hasReset && this.value}
|
|
366
367
|
?autofocus=${this.autofocus}
|
|
367
368
|
?is-readonly=${this.isReadonly}
|
|
@@ -429,6 +430,9 @@ __decorateClass([
|
|
|
429
430
|
__decorateClass([
|
|
430
431
|
n({ type: String })
|
|
431
432
|
], LuksoSearch.prototype, "results", 2);
|
|
433
|
+
__decorateClass([
|
|
434
|
+
n({ type: String, attribute: "right-icon" })
|
|
435
|
+
], LuksoSearch.prototype, "rightIcon", 2);
|
|
432
436
|
__decorateClass([
|
|
433
437
|
n({ type: Number })
|
|
434
438
|
], LuksoSearch.prototype, "debounce", 2);
|
|
@@ -10,6 +10,8 @@ export declare const ProfileSearch: any;
|
|
|
10
10
|
export declare const SearchingState: any;
|
|
11
11
|
/** To show that search hes no results add `show-no-results` attribute. You can also customize no results text with `no-results-text` attribute. */
|
|
12
12
|
export declare const NoResults: any;
|
|
13
|
+
/** Example of custom right-icon */
|
|
14
|
+
export declare const CustomRightIcon: any;
|
|
13
15
|
/** Example of selected option. */
|
|
14
16
|
export declare const SelectedOption: any;
|
|
15
17
|
/** Example of small search. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lukso-search.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/lukso-search.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"lukso-search.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/lukso-search.stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,mHAAmH;AACnH,QAAA,MAAM,IAAI,EAAE,IA8TX,CAAA;AAED,eAAe,IAAI,CAAA;AA8FnB,+CAA+C;AAC/C,eAAO,MAAM,aAAa,KAAoB,CAAA;AAM9C,gDAAgD;AAChD,eAAO,MAAM,aAAa,KAAoB,CAAA;AA0B9C,0FAA0F;AAC1F,eAAO,MAAM,cAAc,KAAoB,CAAA;AAQ/C,mJAAmJ;AACnJ,eAAO,MAAM,SAAS,KAAoB,CAAA;AAQ1C,mCAAmC;AACnC,eAAO,MAAM,eAAe,KAAoB,CAAA;AAMhD,mCAAmC;AACnC,eAAO,MAAM,cAAc,KAAoB,CAAA;AAM/C,gCAAgC;AAChC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
|