@lukso/web-components 1.88.1 → 1.90.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/index.cjs +9 -4
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -4
- package/dist/components/lukso-button/index.cjs +1 -1
- package/dist/components/lukso-button/index.js +1 -1
- package/dist/components/lukso-card/index.cjs +3 -3
- package/dist/components/lukso-card/index.js +3 -3
- package/dist/components/lukso-checkbox/index.cjs +1 -1
- package/dist/components/lukso-checkbox/index.js +1 -1
- package/dist/components/lukso-color-picker/index.cjs +347 -0
- package/dist/components/lukso-color-picker/index.d.ts +40 -0
- package/dist/components/lukso-color-picker/index.d.ts.map +1 -0
- package/dist/components/lukso-color-picker/index.js +345 -0
- package/dist/components/lukso-color-picker/lukso-color-picker.stories.d.ts +19 -0
- package/dist/components/lukso-color-picker/lukso-color-picker.stories.d.ts.map +1 -0
- package/dist/components/lukso-dropdown/index.cjs +4 -4
- package/dist/components/lukso-dropdown/index.js +4 -4
- package/dist/components/lukso-dropdown-option/index.cjs +1 -1
- package/dist/components/lukso-dropdown-option/index.js +1 -1
- package/dist/components/lukso-footer/index.cjs +1 -1
- package/dist/components/lukso-footer/index.js +1 -1
- package/dist/components/lukso-icon/index.cjs +2 -2
- package/dist/components/lukso-icon/index.js +2 -2
- package/dist/components/lukso-image/index.cjs +2 -2
- package/dist/components/lukso-image/index.js +2 -2
- package/dist/components/lukso-input/index.cjs +14 -7
- package/dist/components/lukso-input/index.d.ts +2 -1
- package/dist/components/lukso-input/index.d.ts.map +1 -1
- package/dist/components/lukso-input/index.js +14 -7
- package/dist/components/lukso-input/lukso-input.stories.d.ts.map +1 -1
- package/dist/components/lukso-modal/index.cjs +1 -1
- package/dist/components/lukso-modal/index.js +1 -1
- package/dist/components/lukso-navbar/index.cjs +3 -3
- package/dist/components/lukso-navbar/index.js +3 -3
- package/dist/components/lukso-pagination/index.cjs +2 -2
- package/dist/components/lukso-pagination/index.js +2 -2
- package/dist/components/lukso-profile/index.cjs +2 -2
- package/dist/components/lukso-profile/index.js +2 -2
- package/dist/components/lukso-progress/index.cjs +2 -2
- package/dist/components/lukso-progress/index.js +2 -2
- package/dist/components/lukso-sanitize/index.cjs +1 -1
- package/dist/components/lukso-sanitize/index.js +1 -1
- package/dist/components/lukso-search/index.cjs +5 -4
- package/dist/components/lukso-search/index.d.ts.map +1 -1
- package/dist/components/lukso-search/index.js +5 -4
- package/dist/components/lukso-select/index.cjs +4 -4
- package/dist/components/lukso-select/index.js +4 -4
- package/dist/components/lukso-share/index.cjs +1 -1
- package/dist/components/lukso-share/index.js +1 -1
- package/dist/components/lukso-switch/index.cjs +2 -2
- package/dist/components/lukso-switch/index.js +2 -2
- package/dist/components/lukso-tag/index.cjs +2 -2
- package/dist/components/lukso-tag/index.js +2 -2
- package/dist/components/lukso-terms/index.cjs +2 -2
- package/dist/components/lukso-terms/index.js +2 -2
- package/dist/components/lukso-test/index.cjs +1 -1
- package/dist/components/lukso-test/index.js +1 -1
- package/dist/components/lukso-textarea/index.cjs +14 -7
- package/dist/components/lukso-textarea/index.d.ts +2 -1
- package/dist/components/lukso-textarea/index.d.ts.map +1 -1
- package/dist/components/lukso-textarea/index.js +14 -7
- package/dist/components/lukso-textarea/lukso-textarea.stories.d.ts.map +1 -1
- package/dist/components/lukso-tooltip/index.cjs +2 -2
- package/dist/components/lukso-tooltip/index.js +2 -2
- package/dist/components/lukso-username/index.cjs +2 -2
- package/dist/components/lukso-username/index.js +2 -2
- package/dist/components/lukso-wizard/index.cjs +1 -1
- package/dist/components/lukso-wizard/index.js +1 -1
- package/dist/{index-0f429f67.js → index-0b520c6a.js} +1 -1
- package/dist/index-31c27410.cjs +46 -0
- package/dist/{index-8186b19a.cjs → index-3429e18a.cjs} +1 -1
- package/dist/{index-752774b2.cjs → index-bca7ccb0.cjs} +1 -1
- package/dist/{index-62e802f0.js → index-c6f49fea.js} +1 -1
- package/dist/index-e73db22f.js +39 -0
- package/dist/index.cjs +9 -4
- package/dist/index.js +5 -4
- package/dist/shared/tailwind-element/index.cjs +1 -1
- package/dist/shared/tailwind-element/index.js +1 -1
- package/dist/{style-map-272091aa.cjs → style-map-77b74f74.cjs} +1 -1
- package/dist/{style-map-f7093d93.js → style-map-d5d85b80.js} +1 -1
- package/package.json +6 -1
- package/dist/index-14baf4da.js +0 -39
- package/dist/index-8322d22b.cjs +0 -46
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
8
8
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
4
4
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const state = require('../../state-d9fb972b.cjs');
|
|
8
8
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
9
9
|
require('../lukso-icon/index.cjs');
|
|
10
10
|
require('../lukso-tag/index.cjs');
|
|
11
11
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
12
|
-
require('../../style-map-
|
|
12
|
+
require('../../style-map-77b74f74.cjs');
|
|
13
13
|
require('../../directive-8278ab14.cjs');
|
|
14
|
-
require('../../index-
|
|
14
|
+
require('../../index-bca7ccb0.cjs');
|
|
15
15
|
|
|
16
16
|
var __defProp = Object.defineProperty;
|
|
17
17
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { a as TailwindElement, x, A } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x, A } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { t } from '../../state-b9ca4e74.js';
|
|
4
4
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
5
5
|
import '../lukso-icon/index.js';
|
|
6
6
|
import '../lukso-tag/index.js';
|
|
7
7
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
8
|
-
import '../../style-map-
|
|
8
|
+
import '../../style-map-d5d85b80.js';
|
|
9
9
|
import '../../directive-2bb7789e.js';
|
|
10
|
-
import '../../index-
|
|
10
|
+
import '../../index-0b520c6a.js';
|
|
11
11
|
|
|
12
12
|
var __defProp = Object.defineProperty;
|
|
13
13
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const state = require('../../state-d9fb972b.cjs');
|
|
8
8
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
9
9
|
require('../lukso-icon/index.cjs');
|
|
10
10
|
require('../lukso-button/index.cjs');
|
|
11
11
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
12
|
-
require('../../style-map-
|
|
12
|
+
require('../../style-map-77b74f74.cjs');
|
|
13
13
|
require('../../directive-8278ab14.cjs');
|
|
14
14
|
require('../../tailwind-config.cjs');
|
|
15
15
|
require('../../cn-5ceac001.cjs');
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { t } from '../../state-b9ca4e74.js';
|
|
4
4
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
5
5
|
import '../lukso-icon/index.js';
|
|
6
6
|
import '../lukso-button/index.js';
|
|
7
7
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
8
|
-
import '../../style-map-
|
|
8
|
+
import '../../style-map-d5d85b80.js';
|
|
9
9
|
import '../../directive-2bb7789e.js';
|
|
10
10
|
import '../../tailwind-config.js';
|
|
11
11
|
import '../../cn-b54dcc61.js';
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
8
8
|
require('../lukso-image/index.cjs');
|
|
9
9
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
10
10
|
require('../../state-d9fb972b.cjs');
|
|
11
|
-
require('../../style-map-
|
|
11
|
+
require('../../style-map-77b74f74.cjs');
|
|
12
12
|
require('../../directive-8278ab14.cjs');
|
|
13
13
|
|
|
14
14
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
4
4
|
import '../lukso-image/index.js';
|
|
5
5
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
6
6
|
import '../../state-b9ca4e74.js';
|
|
7
|
-
import '../../style-map-
|
|
7
|
+
import '../../style-map-d5d85b80.js';
|
|
8
8
|
import '../../directive-2bb7789e.js';
|
|
9
9
|
|
|
10
10
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-77b74f74.cjs');
|
|
8
8
|
require('../../tailwind-config.cjs');
|
|
9
9
|
const cn = require('../../cn-5ceac001.cjs');
|
|
10
10
|
require('../../directive-8278ab14.cjs');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
|
-
import { o } from '../../style-map-
|
|
3
|
+
import { o } from '../../style-map-d5d85b80.js';
|
|
4
4
|
import '../../tailwind-config.js';
|
|
5
5
|
import { c as cn } from '../../cn-b54dcc61.js';
|
|
6
6
|
import '../../directive-2bb7789e.js';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const directive = require('../../directive-8278ab14.cjs');
|
|
8
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A, b as T, a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { A, b as T, a as TailwindElement, x } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e as e$2 } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { i, t, e as e$1 } from '../../directive-2bb7789e.js';
|
|
4
4
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const state = require('../../state-d9fb972b.cjs');
|
|
8
8
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
@@ -10,13 +10,13 @@ require('../lukso-icon/index.cjs');
|
|
|
10
10
|
require('../lukso-profile/index.cjs');
|
|
11
11
|
require('../lukso-username/index.cjs');
|
|
12
12
|
require('../lukso-input/index.cjs');
|
|
13
|
-
require('../../index-
|
|
13
|
+
require('../../index-3429e18a.cjs');
|
|
14
14
|
require('../lukso-dropdown-option/index.cjs');
|
|
15
15
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
16
|
-
require('../../style-map-
|
|
16
|
+
require('../../style-map-77b74f74.cjs');
|
|
17
17
|
require('../../directive-8278ab14.cjs');
|
|
18
18
|
require('../lukso-image/index.cjs');
|
|
19
|
-
require('../../index-
|
|
19
|
+
require('../../index-bca7ccb0.cjs');
|
|
20
20
|
require('../../tailwind-config.cjs');
|
|
21
21
|
require('../../cn-5ceac001.cjs');
|
|
22
22
|
|
|
@@ -364,6 +364,7 @@ exports.LuksoSearch = class LuksoSearch extends shared_tailwindElement_index.Tai
|
|
|
364
364
|
?is-readonly=${this.isReadonly}
|
|
365
365
|
?is-disabled=${this.isDisabled}
|
|
366
366
|
?is-full-width=${this.isFullWidth}
|
|
367
|
+
keep-focus-on-escape
|
|
367
368
|
@on-input=${this.handleSearch}
|
|
368
369
|
@on-blur=${this.handleBlur}
|
|
369
370
|
@on-input-click=${this.handleInputClick}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAK7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,0BAA0B,CAAA;AACjC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAG3C,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;CACd,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,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;YAwBlD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAiB,MAAM,KAAK,CAAA;AAK7E,OAAO,yBAAyB,CAAA;AAChC,OAAO,4BAA4B,CAAA;AACnC,OAAO,6BAA6B,CAAA;AACpC,OAAO,0BAA0B,CAAA;AACjC,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAG3C,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;CACd,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,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;YAwBlD,0BAA0B;YAU1B,qBAAqB;YAiCrB,YAAY;YAYZ,UAAU;YAeV,gBAAgB;YAehB,WAAW;YAuBX,WAAW;YAmBX,cAAc;IAiB5B,OAAO,CAAC,YAAY;IAUpB,MAAM;CA8CP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x, A } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { t } from '../../state-b9ca4e74.js';
|
|
4
4
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
@@ -6,13 +6,13 @@ import '../lukso-icon/index.js';
|
|
|
6
6
|
import '../lukso-profile/index.js';
|
|
7
7
|
import '../lukso-username/index.js';
|
|
8
8
|
import '../lukso-input/index.js';
|
|
9
|
-
import '../../index-
|
|
9
|
+
import '../../index-c6f49fea.js';
|
|
10
10
|
import '../lukso-dropdown-option/index.js';
|
|
11
11
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
12
|
-
import '../../style-map-
|
|
12
|
+
import '../../style-map-d5d85b80.js';
|
|
13
13
|
import '../../directive-2bb7789e.js';
|
|
14
14
|
import '../lukso-image/index.js';
|
|
15
|
-
import '../../index-
|
|
15
|
+
import '../../index-0b520c6a.js';
|
|
16
16
|
import '../../tailwind-config.js';
|
|
17
17
|
import '../../cn-b54dcc61.js';
|
|
18
18
|
|
|
@@ -360,6 +360,7 @@ let LuksoSearch = class extends TailwindStyledElement(style) {
|
|
|
360
360
|
?is-readonly=${this.isReadonly}
|
|
361
361
|
?is-disabled=${this.isDisabled}
|
|
362
362
|
?is-full-width=${this.isFullWidth}
|
|
363
|
+
keep-focus-on-escape
|
|
363
364
|
@on-input=${this.handleSearch}
|
|
364
365
|
@on-blur=${this.handleBlur}
|
|
365
366
|
@on-input-click=${this.handleInputClick}
|
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const state = require('../../state-d9fb972b.cjs');
|
|
8
8
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
9
9
|
require('../lukso-icon/index.cjs');
|
|
10
10
|
require('../lukso-profile/index.cjs');
|
|
11
11
|
require('../lukso-username/index.cjs');
|
|
12
|
-
const components_luksoDropdown_index = require('../../index-
|
|
12
|
+
const components_luksoDropdown_index = require('../../index-3429e18a.cjs');
|
|
13
13
|
require('../lukso-dropdown-option/index.cjs');
|
|
14
14
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
15
|
-
require('../../style-map-
|
|
15
|
+
require('../../style-map-77b74f74.cjs');
|
|
16
16
|
require('../../directive-8278ab14.cjs');
|
|
17
17
|
require('../lukso-image/index.cjs');
|
|
18
|
-
require('../../index-
|
|
18
|
+
require('../../index-bca7ccb0.cjs');
|
|
19
19
|
require('../../tailwind-config.cjs');
|
|
20
20
|
require('../../cn-5ceac001.cjs');
|
|
21
21
|
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x, A } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { t } from '../../state-b9ca4e74.js';
|
|
4
4
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
5
5
|
import '../lukso-icon/index.js';
|
|
6
6
|
import '../lukso-profile/index.js';
|
|
7
7
|
import '../lukso-username/index.js';
|
|
8
|
-
import { u as uniqId } from '../../index-
|
|
8
|
+
import { u as uniqId } from '../../index-c6f49fea.js';
|
|
9
9
|
import '../lukso-dropdown-option/index.js';
|
|
10
10
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
11
|
-
import '../../style-map-
|
|
11
|
+
import '../../style-map-d5d85b80.js';
|
|
12
12
|
import '../../directive-2bb7789e.js';
|
|
13
13
|
import '../lukso-image/index.js';
|
|
14
|
-
import '../../index-
|
|
14
|
+
import '../../index-0b520c6a.js';
|
|
15
15
|
import '../../tailwind-config.js';
|
|
16
16
|
import '../../cn-b54dcc61.js';
|
|
17
17
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
|
|
8
8
|
const style = ":host {\n display: inline-flex\n}";
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
|
-
const styleMap = require('../../style-map-
|
|
7
|
+
const styleMap = require('../../style-map-77b74f74.cjs');
|
|
8
8
|
const index = require('../../index-e9668573.cjs');
|
|
9
9
|
require('../../directive-8278ab14.cjs');
|
|
10
10
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { a as TailwindElement, x } from '../../index-
|
|
1
|
+
import { a as TailwindElement, x } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
|
-
import { o } from '../../style-map-
|
|
3
|
+
import { o } from '../../style-map-d5d85b80.js';
|
|
4
4
|
import { c as customClassMap } from '../../index-5e194caf.js';
|
|
5
5
|
import '../../directive-2bb7789e.js';
|
|
6
6
|
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
8
|
-
const index$1 = require('../../index-
|
|
8
|
+
const index$1 = require('../../index-bca7ccb0.cjs');
|
|
9
9
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
10
10
|
require('../../directive-8278ab14.cjs');
|
|
11
11
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
4
|
-
import { c as customStyleMap } from '../../index-
|
|
4
|
+
import { c as customStyleMap } from '../../index-0b520c6a.js';
|
|
5
5
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
6
6
|
import '../../directive-2bb7789e.js';
|
|
7
7
|
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const state = require('../../state-d9fb972b.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-77b74f74.cjs');
|
|
13
13
|
|
|
14
14
|
const style = ":host {\n display: flex;\n height: 100%\n}";
|
|
15
15
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { t } from '../../state-b9ca4e74.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-d5d85b80.js';
|
|
9
9
|
|
|
10
10
|
const style = ":host {\n display: flex;\n height: 100%\n}";
|
|
11
11
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const directive = require('../../directive-8278ab14.cjs');
|
|
8
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-
|
|
1
|
+
import { b as T$1, T as TailwindStyledElement, x as x$1 } from '../../index-e73db22f.js';
|
|
2
2
|
import { n as n$3, e as e$3 } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { e as e$2, i as i$3, t as t$3 } from '../../directive-2bb7789e.js';
|
|
4
4
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const state = require('../../state-d9fb972b.cjs');
|
|
8
8
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
@@ -10,7 +10,7 @@ require('../../tailwind-config.cjs');
|
|
|
10
10
|
const cn = require('../../cn-5ceac001.cjs');
|
|
11
11
|
require('../lukso-icon/index.cjs');
|
|
12
12
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
13
|
-
require('../../style-map-
|
|
13
|
+
require('../../style-map-77b74f74.cjs');
|
|
14
14
|
require('../../directive-8278ab14.cjs');
|
|
15
15
|
|
|
16
16
|
const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
|
|
@@ -44,9 +44,10 @@ exports.LuksoTextarea = class LuksoTextarea extends shared_tailwindElement_index
|
|
|
44
44
|
this.autofocus = false;
|
|
45
45
|
this.borderless = false;
|
|
46
46
|
this.isNonResizable = false;
|
|
47
|
+
this.keepFocusOnEscape = false;
|
|
47
48
|
this.size = "medium";
|
|
48
49
|
this.rows = 4;
|
|
49
|
-
this.
|
|
50
|
+
this.hasFocus = false;
|
|
50
51
|
this.hasHighlight = false;
|
|
51
52
|
this.styles = index.ce({
|
|
52
53
|
slots: {
|
|
@@ -166,12 +167,12 @@ ${this.value}</textarea
|
|
|
166
167
|
}
|
|
167
168
|
handleFocus() {
|
|
168
169
|
if (!this.isReadonly && !this.isDisabled) {
|
|
169
|
-
this.
|
|
170
|
+
this.hasFocus = true;
|
|
170
171
|
this.hasHighlight = true;
|
|
171
172
|
}
|
|
172
173
|
}
|
|
173
174
|
async handleBlur(event) {
|
|
174
|
-
this.
|
|
175
|
+
this.hasFocus = false;
|
|
175
176
|
this.hasHighlight = false;
|
|
176
177
|
await this.updateComplete;
|
|
177
178
|
const target = event.target;
|
|
@@ -224,6 +225,9 @@ ${this.value}</textarea
|
|
|
224
225
|
composed: true
|
|
225
226
|
});
|
|
226
227
|
this.dispatchEvent(keyEvent);
|
|
228
|
+
if (event.key === "Escape" && !this.keepFocusOnEscape) {
|
|
229
|
+
this.blur();
|
|
230
|
+
}
|
|
227
231
|
}
|
|
228
232
|
async handleKeyDown(event) {
|
|
229
233
|
await this.updateComplete;
|
|
@@ -257,7 +261,7 @@ ${this.value}</textarea
|
|
|
257
261
|
}
|
|
258
262
|
}
|
|
259
263
|
handleMouseOut() {
|
|
260
|
-
if (!this.
|
|
264
|
+
if (!this.hasFocus) {
|
|
261
265
|
this.hasHighlight = false;
|
|
262
266
|
}
|
|
263
267
|
}
|
|
@@ -344,6 +348,9 @@ __decorateClass([
|
|
|
344
348
|
__decorateClass([
|
|
345
349
|
queryAssignedElements.n({ type: Boolean, attribute: "is-non-resizable" })
|
|
346
350
|
], exports.LuksoTextarea.prototype, "isNonResizable", 2);
|
|
351
|
+
__decorateClass([
|
|
352
|
+
queryAssignedElements.n({ type: Boolean, attribute: "keep-focus-on-escape" })
|
|
353
|
+
], exports.LuksoTextarea.prototype, "keepFocusOnEscape", 2);
|
|
347
354
|
__decorateClass([
|
|
348
355
|
queryAssignedElements.n({ type: String })
|
|
349
356
|
], exports.LuksoTextarea.prototype, "size", 2);
|
|
@@ -352,7 +359,7 @@ __decorateClass([
|
|
|
352
359
|
], exports.LuksoTextarea.prototype, "rows", 2);
|
|
353
360
|
__decorateClass([
|
|
354
361
|
state.t()
|
|
355
|
-
], exports.LuksoTextarea.prototype, "
|
|
362
|
+
], exports.LuksoTextarea.prototype, "hasFocus", 2);
|
|
356
363
|
__decorateClass([
|
|
357
364
|
state.t()
|
|
358
365
|
], exports.LuksoTextarea.prototype, "hasHighlight", 2);
|
|
@@ -16,9 +16,10 @@ export declare class LuksoTextarea extends LuksoTextarea_base {
|
|
|
16
16
|
autofocus: boolean;
|
|
17
17
|
borderless: boolean;
|
|
18
18
|
isNonResizable: boolean;
|
|
19
|
+
keepFocusOnEscape: boolean;
|
|
19
20
|
size: InputSize;
|
|
20
21
|
rows: number;
|
|
21
|
-
private
|
|
22
|
+
private hasFocus;
|
|
22
23
|
private hasHighlight;
|
|
23
24
|
private styles;
|
|
24
25
|
inputTemplate(styles: string): import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,IAAI,EAAE,SAAS,CAAW;IAG1B,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAiEZ;IAEF,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/index.ts"],"names":[],"mappings":"AAMA,OAAO,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;;AAE/C,qBACa,aAAc,SAAQ,kBAA4B;IAE7D,KAAK,SAAK;IAGV,IAAI,SAAK;IAGT,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,EAAE,SAAK;IAGP,GAAG,EAAE,MAAM,GAAG,SAAS,CAAY;IAGnC,WAAW,SAAK;IAGhB,KAAK,SAAK;IAGV,WAAW,SAAK;IAGhB,WAAW,UAAQ;IAGnB,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,SAAS,UAAQ;IAGjB,UAAU,UAAQ;IAGlB,cAAc,UAAQ;IAGtB,iBAAiB,UAAQ;IAGzB,IAAI,EAAE,SAAS,CAAW;IAG1B,IAAI,SAAI;IAGR,OAAO,CAAC,QAAQ,CAAQ;IAGxB,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,MAAM,CAiEZ;IAEF,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,aAAa;IAUb,mBAAmB;IAQnB,aAAa;IAMb,OAAO,CAAC,WAAW;YAOL,UAAU;YAgBV,YAAY;YAcZ,WAAW;YAeX,WAAW;YAmBX,aAAa;YAcb,cAAc;IAc5B,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;YAMR,gBAAgB;IAc9B,MAAM;CAyBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x, A } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x, A } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { t } from '../../state-b9ca4e74.js';
|
|
4
4
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
@@ -6,7 +6,7 @@ import '../../tailwind-config.js';
|
|
|
6
6
|
import { c as cn } from '../../cn-b54dcc61.js';
|
|
7
7
|
import '../lukso-icon/index.js';
|
|
8
8
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
9
|
-
import '../../style-map-
|
|
9
|
+
import '../../style-map-d5d85b80.js';
|
|
10
10
|
import '../../directive-2bb7789e.js';
|
|
11
11
|
|
|
12
12
|
const style = ":host {\n\n display: inline-flex\n}\n\n:host([is-full-width]) {\n\n display: flex;\n\n width: 100%\n}";
|
|
@@ -40,9 +40,10 @@ let LuksoTextarea = class extends TailwindStyledElement(style) {
|
|
|
40
40
|
this.autofocus = false;
|
|
41
41
|
this.borderless = false;
|
|
42
42
|
this.isNonResizable = false;
|
|
43
|
+
this.keepFocusOnEscape = false;
|
|
43
44
|
this.size = "medium";
|
|
44
45
|
this.rows = 4;
|
|
45
|
-
this.
|
|
46
|
+
this.hasFocus = false;
|
|
46
47
|
this.hasHighlight = false;
|
|
47
48
|
this.styles = ce({
|
|
48
49
|
slots: {
|
|
@@ -162,12 +163,12 @@ ${this.value}</textarea
|
|
|
162
163
|
}
|
|
163
164
|
handleFocus() {
|
|
164
165
|
if (!this.isReadonly && !this.isDisabled) {
|
|
165
|
-
this.
|
|
166
|
+
this.hasFocus = true;
|
|
166
167
|
this.hasHighlight = true;
|
|
167
168
|
}
|
|
168
169
|
}
|
|
169
170
|
async handleBlur(event) {
|
|
170
|
-
this.
|
|
171
|
+
this.hasFocus = false;
|
|
171
172
|
this.hasHighlight = false;
|
|
172
173
|
await this.updateComplete;
|
|
173
174
|
const target = event.target;
|
|
@@ -220,6 +221,9 @@ ${this.value}</textarea
|
|
|
220
221
|
composed: true
|
|
221
222
|
});
|
|
222
223
|
this.dispatchEvent(keyEvent);
|
|
224
|
+
if (event.key === "Escape" && !this.keepFocusOnEscape) {
|
|
225
|
+
this.blur();
|
|
226
|
+
}
|
|
223
227
|
}
|
|
224
228
|
async handleKeyDown(event) {
|
|
225
229
|
await this.updateComplete;
|
|
@@ -253,7 +257,7 @@ ${this.value}</textarea
|
|
|
253
257
|
}
|
|
254
258
|
}
|
|
255
259
|
handleMouseOut() {
|
|
256
|
-
if (!this.
|
|
260
|
+
if (!this.hasFocus) {
|
|
257
261
|
this.hasHighlight = false;
|
|
258
262
|
}
|
|
259
263
|
}
|
|
@@ -340,6 +344,9 @@ __decorateClass([
|
|
|
340
344
|
__decorateClass([
|
|
341
345
|
n({ type: Boolean, attribute: "is-non-resizable" })
|
|
342
346
|
], LuksoTextarea.prototype, "isNonResizable", 2);
|
|
347
|
+
__decorateClass([
|
|
348
|
+
n({ type: Boolean, attribute: "keep-focus-on-escape" })
|
|
349
|
+
], LuksoTextarea.prototype, "keepFocusOnEscape", 2);
|
|
343
350
|
__decorateClass([
|
|
344
351
|
n({ type: String })
|
|
345
352
|
], LuksoTextarea.prototype, "size", 2);
|
|
@@ -348,7 +355,7 @@ __decorateClass([
|
|
|
348
355
|
], LuksoTextarea.prototype, "rows", 2);
|
|
349
356
|
__decorateClass([
|
|
350
357
|
t()
|
|
351
|
-
], LuksoTextarea.prototype, "
|
|
358
|
+
], LuksoTextarea.prototype, "hasFocus", 2);
|
|
352
359
|
__decorateClass([
|
|
353
360
|
t()
|
|
354
361
|
], LuksoTextarea.prototype, "hasHighlight", 2);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lukso-textarea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/lukso-textarea.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,kEAAkE;AAClE,QAAA,MAAM,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"lukso-textarea.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-textarea/lukso-textarea.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,SAAS,CAAA;AAEhB,kEAAkE;AAClE,QAAA,MAAM,IAAI,EAAE,IAiOX,CAAA;AAED,eAAe,IAAI,CAAA;AAmDnB,iDAAiD;AACjD,eAAO,MAAM,YAAY,KAAoB,CAAA;AAK7C,mDAAmD;AACnD,eAAO,MAAM,eAAe,KAAoB,CAAA;AAKhD,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA;AAKtC,0DAA0D;AAC1D,eAAO,MAAM,mBAAmB,KAAoB,CAAA;AAMpD,wCAAwC;AACxC,eAAO,MAAM,UAAU,KAAoB,CAAA;AAO3C,kGAAkG;AAClG,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,mEAAmE;AACnE,eAAO,MAAM,SAAS,KAAoB,CAAA;AAK1C,yEAAyE;AACzE,eAAO,MAAM,UAAU,KAAoB,CAAA;AAM3C,wCAAwC;AACxC,eAAO,MAAM,KAAK,KAAoB,CAAA"}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
4
|
|
|
5
|
-
const shared_tailwindElement_index = require('../../index-
|
|
5
|
+
const shared_tailwindElement_index = require('../../index-31c27410.cjs');
|
|
6
6
|
const queryAssignedElements = require('../../query-assigned-elements-d5e45650.cjs');
|
|
7
7
|
const state = require('../../state-d9fb972b.cjs');
|
|
8
8
|
const index = require('../../index-1d3f4a5a.cjs');
|
|
9
|
-
const styleMap = require('../../style-map-
|
|
9
|
+
const styleMap = require('../../style-map-77b74f74.cjs');
|
|
10
10
|
require('../../bundle-mjs-d58a83c6.cjs');
|
|
11
11
|
require('../../directive-8278ab14.cjs');
|
|
12
12
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { T as TailwindStyledElement, x } from '../../index-
|
|
1
|
+
import { T as TailwindStyledElement, x } from '../../index-e73db22f.js';
|
|
2
2
|
import { n, e } from '../../query-assigned-elements-1c8c9e90.js';
|
|
3
3
|
import { t } from '../../state-b9ca4e74.js';
|
|
4
4
|
import { c as ce } from '../../index-ca8e900d.js';
|
|
5
|
-
import { o } from '../../style-map-
|
|
5
|
+
import { o } from '../../style-map-d5d85b80.js';
|
|
6
6
|
import '../../bundle-mjs-fbc6e2a8.js';
|
|
7
7
|
import '../../directive-2bb7789e.js';
|
|
8
8
|
|