@esportsplus/ui 0.20.6 → 0.20.8

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.
Files changed (5) hide show
  1. package/build/components/field/index.d.ts +71 -304
  2. package/build/components/field/select.d.ts +72 -46
  3. package/build/components/field/select.js +33 -30
  4. package/package.json +2 -2
  5. package/src/components/field/select.ts +110 -101
package/build/components/field/index.d.ts CHANGED
@@ -8250,47 +8250,18 @@ declare const _default: {
8250
8250
  state: {
8251
8251
  active: boolean;
8252
8252
  error: string;
8253
+ render: boolean;
8253
8254
  selected?: number | string;
8254
8255
  };
8255
8256
  })))) | undefined;
8256
- content?: ((mask: {
8257
- (): ReturnType<(this: {
8258
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8259
- content: unknown;
8260
- }>;
8261
- option?: import("@esportsplus/template").Attributes;
8262
- state: {
8263
- active: boolean;
8264
- error: string;
8265
- render: boolean;
8266
- selected: string | number;
8267
- };
8268
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8269
- (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8270
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8271
- content: unknown;
8272
- }>;
8273
- option?: import("@esportsplus/template").Attributes;
8274
- state: {
8275
- active: boolean;
8276
- error: string;
8277
- render: boolean;
8278
- selected: string | number;
8279
- };
8280
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8281
- (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8282
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8283
- content: unknown;
8284
- }>;
8285
- option?: import("@esportsplus/template").Attributes;
8286
- state: {
8287
- active: boolean;
8288
- error: string;
8289
- render: boolean;
8290
- selected: string | number;
8291
- };
8292
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8293
- }) => import("@esportsplus/template").Renderable<unknown>) | undefined;
8257
+ content?: ((mask: (attributes: {
8258
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8259
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8260
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8261
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8262
+ direction?: string;
8263
+ };
8264
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) | undefined;
8294
8265
  }, attributes: Readonly<{
8295
8266
  [key: `aria-${string}`]: string | number | boolean | undefined;
8296
8267
  [key: `data-${string}`]: string | undefined;
@@ -8416,84 +8387,25 @@ declare const _default: {
8416
8387
  state: {
8417
8388
  active: boolean;
8418
8389
  error: string;
8390
+ render: boolean;
8419
8391
  selected?: number | string;
8420
8392
  };
8421
- })))>, content: (mask: {
8422
- (): ReturnType<(this: {
8423
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8424
- content: unknown;
8425
- }>;
8426
- option?: import("@esportsplus/template").Attributes;
8427
- state: {
8428
- active: boolean;
8429
- error: string;
8430
- render: boolean;
8431
- selected: string | number;
8432
- };
8433
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8434
- (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8435
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8436
- content: unknown;
8437
- }>;
8438
- option?: import("@esportsplus/template").Attributes;
8439
- state: {
8440
- active: boolean;
8441
- error: string;
8442
- render: boolean;
8443
- selected: string | number;
8444
- };
8445
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8446
- (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8447
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8448
- content: unknown;
8449
- }>;
8450
- option?: import("@esportsplus/template").Attributes;
8451
- state: {
8452
- active: boolean;
8453
- error: string;
8454
- render: boolean;
8455
- selected: string | number;
8456
- };
8457
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8458
- }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
8459
- (content: (mask: {
8460
- (): ReturnType<(this: {
8461
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8462
- content: unknown;
8463
- }>;
8464
- option?: import("@esportsplus/template").Attributes;
8465
- state: {
8466
- active: boolean;
8467
- error: string;
8468
- render: boolean;
8469
- selected: string | number;
8470
- };
8471
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8472
- (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8473
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8474
- content: unknown;
8475
- }>;
8476
- option?: import("@esportsplus/template").Attributes;
8477
- state: {
8478
- active: boolean;
8479
- error: string;
8480
- render: boolean;
8481
- selected: string | number;
8482
- };
8483
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8484
- (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8485
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8486
- content: unknown;
8487
- }>;
8488
- option?: import("@esportsplus/template").Attributes;
8489
- state: {
8490
- active: boolean;
8491
- error: string;
8492
- render: boolean;
8493
- selected: string | number;
8494
- };
8495
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8496
- }) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
8393
+ })))>, content: (mask: (attributes: {
8394
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8395
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8396
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8397
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8398
+ direction?: string;
8399
+ };
8400
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
8401
+ (content: (mask: (attributes: {
8402
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8403
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8404
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8405
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8406
+ direction?: string;
8407
+ };
8408
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
8497
8409
  attributes?: ({
8498
8410
  [key: `aria-${string}`]: string | number | boolean | undefined;
8499
8411
  [key: `data-${string}`]: string | undefined;
@@ -8619,47 +8531,18 @@ declare const _default: {
8619
8531
  state: {
8620
8532
  active: boolean;
8621
8533
  error: string;
8534
+ render: boolean;
8622
8535
  selected?: number | string;
8623
8536
  };
8624
8537
  })))) | undefined;
8625
- content?: ((mask: {
8626
- (): ReturnType<(this: {
8627
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8628
- content: unknown;
8629
- }>;
8630
- option?: import("@esportsplus/template").Attributes;
8631
- state: {
8632
- active: boolean;
8633
- error: string;
8634
- render: boolean;
8635
- selected: string | number;
8636
- };
8637
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8638
- (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8639
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8640
- content: unknown;
8641
- }>;
8642
- option?: import("@esportsplus/template").Attributes;
8643
- state: {
8644
- active: boolean;
8645
- error: string;
8646
- render: boolean;
8647
- selected: string | number;
8648
- };
8649
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8650
- (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8651
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8652
- content: unknown;
8653
- }>;
8654
- option?: import("@esportsplus/template").Attributes;
8655
- state: {
8656
- active: boolean;
8657
- error: string;
8658
- render: boolean;
8659
- selected: string | number;
8660
- };
8661
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8662
- }) => import("@esportsplus/template").Renderable<unknown>) | undefined;
8538
+ content?: ((mask: (attributes: {
8539
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8540
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8541
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8542
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8543
+ direction?: string;
8544
+ };
8545
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) | undefined;
8663
8546
  }, attributes: Readonly<{
8664
8547
  [key: `aria-${string}`]: string | number | boolean | undefined;
8665
8548
  [key: `data-${string}`]: string | undefined;
@@ -8785,46 +8668,17 @@ declare const _default: {
8785
8668
  state: {
8786
8669
  active: boolean;
8787
8670
  error: string;
8671
+ render: boolean;
8788
8672
  selected?: number | string;
8789
8673
  };
8790
- })))>, content: (mask: {
8791
- (): ReturnType<(this: {
8792
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8793
- content: unknown;
8794
- }>;
8795
- option?: import("@esportsplus/template").Attributes;
8796
- state: {
8797
- active: boolean;
8798
- error: string;
8799
- render: boolean;
8800
- selected: string | number;
8801
- };
8802
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8803
- (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8804
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8805
- content: unknown;
8806
- }>;
8807
- option?: import("@esportsplus/template").Attributes;
8808
- state: {
8809
- active: boolean;
8810
- error: string;
8811
- render: boolean;
8812
- selected: string | number;
8813
- };
8814
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8815
- (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8816
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8817
- content: unknown;
8818
- }>;
8819
- option?: import("@esportsplus/template").Attributes;
8820
- state: {
8821
- active: boolean;
8822
- error: string;
8823
- render: boolean;
8824
- selected: string | number;
8825
- };
8826
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8827
- }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
8674
+ })))>, content: (mask: (attributes: {
8675
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8676
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8677
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8678
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8679
+ direction?: string;
8680
+ };
8681
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
8828
8682
  (attributes: {
8829
8683
  [key: `aria-${string}`]: string | number | boolean | undefined;
8830
8684
  [key: `data-${string}`]: string | undefined;
@@ -8950,46 +8804,17 @@ declare const _default: {
8950
8804
  state: {
8951
8805
  active: boolean;
8952
8806
  error: string;
8807
+ render: boolean;
8953
8808
  selected?: number | string;
8954
8809
  };
8955
- }))), content: (mask: {
8956
- (): ReturnType<(this: {
8957
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8958
- content: unknown;
8959
- }>;
8960
- option?: import("@esportsplus/template").Attributes;
8961
- state: {
8962
- active: boolean;
8963
- error: string;
8964
- render: boolean;
8965
- selected: string | number;
8966
- };
8967
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8968
- (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8969
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8970
- content: unknown;
8971
- }>;
8972
- option?: import("@esportsplus/template").Attributes;
8973
- state: {
8974
- active: boolean;
8975
- error: string;
8976
- render: boolean;
8977
- selected: string | number;
8978
- };
8979
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8980
- (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
8981
- options: Record<number | string, import("@esportsplus/template").Attributes & {
8982
- content: unknown;
8983
- }>;
8984
- option?: import("@esportsplus/template").Attributes;
8985
- state: {
8986
- active: boolean;
8987
- error: string;
8988
- render: boolean;
8989
- selected: string | number;
8990
- };
8991
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
8992
- }) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
8810
+ }))), content: (mask: (attributes: {
8811
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8812
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8813
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8814
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8815
+ direction?: string;
8816
+ };
8817
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
8993
8818
  attributes?: ({
8994
8819
  [key: `aria-${string}`]: string | number | boolean | undefined;
8995
8820
  [key: `data-${string}`]: string | undefined;
@@ -9115,47 +8940,18 @@ declare const _default: {
9115
8940
  state: {
9116
8941
  active: boolean;
9117
8942
  error: string;
8943
+ render: boolean;
9118
8944
  selected?: number | string;
9119
8945
  };
9120
8946
  })))) | undefined;
9121
- content?: ((mask: {
9122
- (): ReturnType<(this: {
9123
- options: Record<number | string, import("@esportsplus/template").Attributes & {
9124
- content: unknown;
9125
- }>;
9126
- option?: import("@esportsplus/template").Attributes;
9127
- state: {
9128
- active: boolean;
9129
- error: string;
9130
- render: boolean;
9131
- selected: string | number;
9132
- };
9133
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
9134
- (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
9135
- options: Record<number | string, import("@esportsplus/template").Attributes & {
9136
- content: unknown;
9137
- }>;
9138
- option?: import("@esportsplus/template").Attributes;
9139
- state: {
9140
- active: boolean;
9141
- error: string;
9142
- render: boolean;
9143
- selected: string | number;
9144
- };
9145
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
9146
- (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
9147
- options: Record<number | string, import("@esportsplus/template").Attributes & {
9148
- content: unknown;
9149
- }>;
9150
- option?: import("@esportsplus/template").Attributes;
9151
- state: {
9152
- active: boolean;
9153
- error: string;
9154
- render: boolean;
9155
- selected: string | number;
9156
- };
9157
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
9158
- }) => import("@esportsplus/template").Renderable<unknown>) | undefined;
8947
+ content?: ((mask: (attributes: {
8948
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8949
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8950
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8951
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8952
+ direction?: string;
8953
+ };
8954
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) | undefined;
9159
8955
  }, attributes: Readonly<{
9160
8956
  [key: `aria-${string}`]: string | number | boolean | undefined;
9161
8957
  [key: `data-${string}`]: string | undefined;
@@ -9281,46 +9077,17 @@ declare const _default: {
9281
9077
  state: {
9282
9078
  active: boolean;
9283
9079
  error: string;
9080
+ render: boolean;
9284
9081
  selected?: number | string;
9285
9082
  };
9286
- })))>, content: (mask: {
9287
- (): ReturnType<(this: {
9288
- options: Record<number | string, import("@esportsplus/template").Attributes & {
9289
- content: unknown;
9290
- }>;
9291
- option?: import("@esportsplus/template").Attributes;
9292
- state: {
9293
- active: boolean;
9294
- error: string;
9295
- render: boolean;
9296
- selected: string | number;
9297
- };
9298
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
9299
- (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
9300
- options: Record<number | string, import("@esportsplus/template").Attributes & {
9301
- content: unknown;
9302
- }>;
9303
- option?: import("@esportsplus/template").Attributes;
9304
- state: {
9305
- active: boolean;
9306
- error: string;
9307
- render: boolean;
9308
- selected: string | number;
9309
- };
9310
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
9311
- (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
9312
- options: Record<number | string, import("@esportsplus/template").Attributes & {
9313
- content: unknown;
9314
- }>;
9315
- option?: import("@esportsplus/template").Attributes;
9316
- state: {
9317
- active: boolean;
9318
- error: string;
9319
- render: boolean;
9320
- selected: string | number;
9321
- };
9322
- }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
9323
- }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
9083
+ })))>, content: (mask: (attributes: {
9084
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
9085
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
9086
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
9087
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
9088
+ direction?: string;
9089
+ };
9090
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
9324
9091
  };
9325
9092
  switch: {
9326
9093
  (): ReturnType<(this: {
package/build/components/field/select.d.ts CHANGED
@@ -1,42 +1,5 @@
1
1
  import { type Attributes, type Renderable } from '@esportsplus/template';
2
- declare const select: {
3
- (): ReturnType<(this: {
4
- options: Record<number | string, Attributes & {
5
- content: unknown;
6
- }>;
7
- option?: Attributes;
8
- state: {
9
- active: boolean;
10
- error: string;
11
- render: boolean;
12
- selected: string | number;
13
- };
14
- }, attributes: Readonly<Attributes>, content: Renderable<any>) => Renderable<any>>;
15
- (content: Renderable<any>): ReturnType<(this: {
16
- options: Record<number | string, Attributes & {
17
- content: unknown;
18
- }>;
19
- option?: Attributes;
20
- state: {
21
- active: boolean;
22
- error: string;
23
- render: boolean;
24
- selected: string | number;
25
- };
26
- }, attributes: Readonly<Attributes>, content: Renderable<any>) => Renderable<any>>;
27
- (attributes: Attributes, content: Renderable<any>): ReturnType<(this: {
28
- options: Record<number | string, Attributes & {
29
- content: unknown;
30
- }>;
31
- option?: Attributes;
32
- state: {
33
- active: boolean;
34
- error: string;
35
- render: boolean;
36
- selected: string | number;
37
- };
38
- }, attributes: Readonly<Attributes>, content: Renderable<any>) => Renderable<any>>;
39
- };
2
+ import { Attributes as A } from '../../components/scrollbar/index.js';
40
3
  declare const _default: {
41
4
  (): ReturnType<(this: {
42
5
  attributes?: ({
@@ -164,10 +127,18 @@ declare const _default: {
164
127
  state: {
165
128
  active: boolean;
166
129
  error: string;
130
+ render: boolean;
167
131
  selected?: number | string;
168
132
  };
169
133
  })))) | undefined;
170
- content?: ((mask: typeof select) => Renderable<unknown>) | undefined;
134
+ content?: ((mask: (attributes: {
135
+ "field-mask-arrow"?: Attributes;
136
+ "field-mask-tag"?: Attributes;
137
+ "field-mask-text"?: Attributes;
138
+ "tooltip-content"?: Attributes & {
139
+ direction?: string;
140
+ };
141
+ } & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) | undefined;
171
142
  }, attributes: Readonly<{
172
143
  [key: `aria-${string}`]: string | number | boolean | undefined;
173
144
  [key: `data-${string}`]: string | undefined;
@@ -293,10 +264,25 @@ declare const _default: {
293
264
  state: {
294
265
  active: boolean;
295
266
  error: string;
267
+ render: boolean;
296
268
  selected?: number | string;
297
269
  };
298
- })))>, content: (mask: typeof select) => Renderable<unknown>) => Renderable<any>>;
299
- (content: (mask: typeof select) => Renderable<unknown>): ReturnType<(this: {
270
+ })))>, content: (mask: (attributes: {
271
+ "field-mask-arrow"?: Attributes;
272
+ "field-mask-tag"?: Attributes;
273
+ "field-mask-text"?: Attributes;
274
+ "tooltip-content"?: Attributes & {
275
+ direction?: string;
276
+ };
277
+ } & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) => Renderable<any>>;
278
+ (content: (mask: (attributes: {
279
+ "field-mask-arrow"?: Attributes;
280
+ "field-mask-tag"?: Attributes;
281
+ "field-mask-text"?: Attributes;
282
+ "tooltip-content"?: Attributes & {
283
+ direction?: string;
284
+ };
285
+ } & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>): ReturnType<(this: {
300
286
  attributes?: ({
301
287
  [key: `aria-${string}`]: string | number | boolean | undefined;
302
288
  [key: `data-${string}`]: string | undefined;
@@ -422,10 +408,18 @@ declare const _default: {
422
408
  state: {
423
409
  active: boolean;
424
410
  error: string;
411
+ render: boolean;
425
412
  selected?: number | string;
426
413
  };
427
414
  })))) | undefined;
428
- content?: ((mask: typeof select) => Renderable<unknown>) | undefined;
415
+ content?: ((mask: (attributes: {
416
+ "field-mask-arrow"?: Attributes;
417
+ "field-mask-tag"?: Attributes;
418
+ "field-mask-text"?: Attributes;
419
+ "tooltip-content"?: Attributes & {
420
+ direction?: string;
421
+ };
422
+ } & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) | undefined;
429
423
  }, attributes: Readonly<{
430
424
  [key: `aria-${string}`]: string | number | boolean | undefined;
431
425
  [key: `data-${string}`]: string | undefined;
@@ -551,9 +545,17 @@ declare const _default: {
551
545
  state: {
552
546
  active: boolean;
553
547
  error: string;
548
+ render: boolean;
554
549
  selected?: number | string;
555
550
  };
556
- })))>, content: (mask: typeof select) => Renderable<unknown>) => Renderable<any>>;
551
+ })))>, content: (mask: (attributes: {
552
+ "field-mask-arrow"?: Attributes;
553
+ "field-mask-tag"?: Attributes;
554
+ "field-mask-text"?: Attributes;
555
+ "tooltip-content"?: Attributes & {
556
+ direction?: string;
557
+ };
558
+ } & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) => Renderable<any>>;
557
559
  (attributes: {
558
560
  [key: `aria-${string}`]: string | number | boolean | undefined;
559
561
  [key: `data-${string}`]: string | undefined;
@@ -679,9 +681,17 @@ declare const _default: {
679
681
  state: {
680
682
  active: boolean;
681
683
  error: string;
684
+ render: boolean;
682
685
  selected?: number | string;
683
686
  };
684
- }))), content: (mask: typeof select) => Renderable<unknown>): ReturnType<(this: {
687
+ }))), content: (mask: (attributes: {
688
+ "field-mask-arrow"?: Attributes;
689
+ "field-mask-tag"?: Attributes;
690
+ "field-mask-text"?: Attributes;
691
+ "tooltip-content"?: Attributes & {
692
+ direction?: string;
693
+ };
694
+ } & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>): ReturnType<(this: {
685
695
  attributes?: ({
686
696
  [key: `aria-${string}`]: string | number | boolean | undefined;
687
697
  [key: `data-${string}`]: string | undefined;
@@ -807,10 +817,18 @@ declare const _default: {
807
817
  state: {
808
818
  active: boolean;
809
819
  error: string;
820
+ render: boolean;
810
821
  selected?: number | string;
811
822
  };
812
823
  })))) | undefined;
813
- content?: ((mask: typeof select) => Renderable<unknown>) | undefined;
824
+ content?: ((mask: (attributes: {
825
+ "field-mask-arrow"?: Attributes;
826
+ "field-mask-tag"?: Attributes;
827
+ "field-mask-text"?: Attributes;
828
+ "tooltip-content"?: Attributes & {
829
+ direction?: string;
830
+ };
831
+ } & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) | undefined;
814
832
  }, attributes: Readonly<{
815
833
  [key: `aria-${string}`]: string | number | boolean | undefined;
816
834
  [key: `data-${string}`]: string | undefined;
@@ -936,8 +954,16 @@ declare const _default: {
936
954
  state: {
937
955
  active: boolean;
938
956
  error: string;
957
+ render: boolean;
939
958
  selected?: number | string;
940
959
  };
941
- })))>, content: (mask: typeof select) => Renderable<unknown>) => Renderable<any>>;
960
+ })))>, content: (mask: (attributes: {
961
+ "field-mask-arrow"?: Attributes;
962
+ "field-mask-tag"?: Attributes;
963
+ "field-mask-text"?: Attributes;
964
+ "tooltip-content"?: Attributes & {
965
+ direction?: string;
966
+ };
967
+ } & Attributes & A, content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>) => Renderable<any>>;
942
968
  };
943
969
  export default _default;
package/build/components/field/select.js CHANGED
@@ -16,13 +16,13 @@ const OMIT_MASK = [
16
16
  'tooltip-content',
17
17
  ];
18
18
  const OMIT_OPTION = ['content'];
19
- const select = template.factory(function (attributes, content) {
19
+ const select = function (attributes, content) {
20
20
  let { option, options, state } = this;
21
21
  return html `
22
- <label
23
- class='field-mask field-mask--select'
24
- ${omit(attributes, OMIT_MASK)}
25
- ${{
22
+ <label
23
+ class='field-mask field-mask--select'
24
+ ${omit(attributes, OMIT_MASK)}
25
+ ${{
26
26
  onclick: () => {
27
27
  state.active = !state.active;
28
28
  state.render = true;
@@ -31,26 +31,28 @@ const select = template.factory(function (attributes, content) {
31
31
  }
32
32
  }
33
33
  }}
34
- >
35
- <input class='field-mask-tag field-mask-tag--hidden'
36
- ${{
34
+ >
35
+ <input class='field-mask-tag field-mask-tag--hidden'
36
+ ${{
37
37
  name: attributes.name,
38
38
  onclick: () => { },
39
39
  onrender: form.input.onrender(state),
40
40
  value: () => state.selected
41
41
  }}
42
- ${attributes['field-mask-tag']}
43
- >
42
+ ${attributes['field-mask-tag']}
43
+ >
44
44
 
45
- ${content || html `
46
- <div class='field-mask-text' ${attributes['field-mask-text']}>
47
- ${() => (options[state.selected] || '-')}
48
- </div>
49
- `}
45
+ ${content || html `
46
+ <div class='field-mask-text' ${attributes['field-mask-text']}>
47
+ ${() => {
48
+ return (options[state.selected]?.content || '-');
49
+ }}
50
+ </div>
51
+ `}
50
52
 
51
- <div class='field-mask-arrow' ${attributes['field-mask-arrow']}></div>
53
+ <div class='field-mask-arrow' ${attributes['field-mask-arrow']}></div>
52
54
 
53
- ${() => {
55
+ ${() => {
54
56
  if (!state.render) {
55
57
  return;
56
58
  }
@@ -75,27 +77,28 @@ const select = template.factory(function (attributes, content) {
75
77
  scrollbar: attributes['scrollbar'],
76
78
  'scrollbar-container-content': attributes['scrollbar-container-content']
77
79
  }, keys.map((key) => html `
78
- <div class='link'
79
- ${omit(options[key], OMIT_OPTION)}
80
- ${option}
81
- ${{
80
+ <div class='link'
81
+ ${omit(options[key], OMIT_OPTION)}
82
+ ${option}
83
+ ${{
82
84
  class: () => selected[key] && '--active',
83
85
  'data-key': key
84
86
  }}
85
- >
86
- <span class='--text-truncate'>
87
- ${options[key]}
88
- </span>
89
- </div>
90
- `));
87
+ >
88
+ <span class='--text-truncate --pointer-none'>
89
+ ${options[key].content}
90
+ </span>
91
+ </div>
92
+ `));
91
93
  }}
92
- </label>
93
- `;
94
- });
94
+ </label>
95
+ `;
96
+ };
95
97
  export default template.factory((attributes, content) => {
96
98
  let options = attributes.options, state = attributes.state || reactive({
97
99
  active: false,
98
100
  error: '',
101
+ render: false,
99
102
  selected: attributes.selected || Object.keys(options)[0]
100
103
  });
101
104
  for (let key in options) {
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "@esportsplus/action": "^0.0.58",
5
5
  "@esportsplus/queue": "^0.1.0",
6
6
  "@esportsplus/reactivity": "^0.16.7",
7
- "@esportsplus/template": "^0.22.2",
7
+ "@esportsplus/template": "^0.22.4",
8
8
  "@esportsplus/utilities": "^0.22.1",
9
9
  "modern-normalize": "^3.0.1"
10
10
  },
@@ -48,7 +48,7 @@
48
48
  "private": false,
49
49
  "sideEffects": false,
50
50
  "type": "module",
51
- "version": "0.20.6",
51
+ "version": "0.20.8",
52
52
  "scripts": {
53
53
  "build": "run-s build:vite build:ts",
54
54
  "build:ts": "tsc && tsc-alias",
package/src/components/field/select.ts CHANGED
@@ -22,116 +22,117 @@ const OMIT_MASK = [
22
22
  const OMIT_OPTION = ['content'];
23
23
 
24
24
 
25
- const select = template.factory(
26
- function(
27
- this: {
28
- options: Record<number | string, Attributes & { content: unknown }>;
29
- option?: Attributes;
30
- state: {
31
- active: boolean;
32
- error: string;
33
- render: boolean;
34
- selected: string | number;
35
- }
36
- },
37
- attributes: Attributes & A & {
38
- 'field-mask-arrow'?: Attributes;
39
- 'field-mask-tag'?: Attributes;
40
- 'field-mask-text'?: Attributes;
41
- 'tooltip-content'?: Attributes & { direction?: string };
42
- },
43
- content
44
- ) {
45
- let { option, options, state } = this;
46
-
47
- return html`
48
- <label
49
- class='field-mask field-mask--select'
50
- ${omit(attributes, OMIT_MASK)}
51
- ${{
52
- onclick: () => {
53
- state.active = !state.active;
54
- state.render = true;
25
+ const select = function(
26
+ this: {
27
+ options: { content: unknown } & Attributes;
28
+ option?: Attributes;
29
+ state: {
30
+ active: boolean;
31
+ error: string;
32
+ render: boolean;
33
+ selected: string | number;
34
+ }
35
+ },
36
+ attributes: {
37
+ 'field-mask-arrow'?: Attributes;
38
+ 'field-mask-tag'?: Attributes;
39
+ 'field-mask-text'?: Attributes;
40
+ 'tooltip-content'?: Attributes & { direction?: string };
41
+ } & Attributes & A,
42
+ content: Renderable<unknown>
43
+ ) {
44
+ let { option, options, state } = this;
55
45
 
56
- if (state.active) {
57
- root.onclick.push(() => state.active = false);
58
- }
46
+ return html`
47
+ <label
48
+ class='field-mask field-mask--select'
49
+ ${omit(attributes, OMIT_MASK)}
50
+ ${{
51
+ onclick: () => {
52
+ state.active = !state.active;
53
+ state.render = true;
54
+
55
+ if (state.active) {
56
+ root.onclick.push(() => state.active = false);
59
57
  }
58
+ }
59
+ }}
60
+ >
61
+ <input class='field-mask-tag field-mask-tag--hidden'
62
+ ${{
63
+ name: attributes.name,
64
+ onclick: () => { /* Prevent double click events from firing */ },
65
+ onrender: form.input.onrender(state),
66
+ value: () => state.selected
60
67
  }}
68
+ ${attributes['field-mask-tag']}
61
69
  >
62
- <input class='field-mask-tag field-mask-tag--hidden'
63
- ${{
64
- name: attributes.name,
65
- onclick: () => { /* Prevent double click events from firing */ },
66
- onrender: form.input.onrender(state),
67
- value: () => state.selected
70
+
71
+ ${content || html`
72
+ <div class='field-mask-text' ${attributes['field-mask-text']}>
73
+ ${() => {
74
+ // @ts-ignore
75
+ return (options[ state.selected ]?.content || '-');
68
76
  }}
69
- ${attributes['field-mask-tag']}
70
- >
77
+ </div>
78
+ `}
71
79
 
72
- ${content || html`
73
- <div class='field-mask-text' ${attributes['field-mask-text']}>
74
- ${() => (options[ state.selected ] || '-') as any}
75
- </div>
76
- `}
80
+ <div class='field-mask-arrow' ${attributes['field-mask-arrow']}></div>
77
81
 
78
- <div class='field-mask-arrow' ${attributes['field-mask-arrow']}></div>
82
+ ${() => {
83
+ if (!state.render) {
84
+ return;
85
+ }
79
86
 
80
- ${() => {
81
- if (!state.render) {
82
- return;
83
- }
87
+ let keys = Object.keys(options),
88
+ selected = reactive(
89
+ Object.fromEntries( keys.map(key => [key, false]) )
90
+ );
91
+
92
+ return scrollbar(
93
+ {
94
+ ...attributes['tooltip-content'],
95
+ class: [
96
+ ...toArray(attributes['tooltip-content']?.class),
97
+ `tooltip-content tooltip-content--${attributes['tooltip-content']?.direction || 's'} --flex-column --width-full`
98
+ ],
99
+ onclick: (e: Event) => {
100
+ let key = (e?.target as HTMLElement)?.dataset?.key;
101
+
102
+ if (key === undefined) {
103
+ return;
104
+ }
105
+
106
+ let previous = state.selected;
107
+
108
+ state.selected = key;
109
+ state.active = false;
84
110
 
85
- let keys = Object.keys(options),
86
- selected = reactive(
87
- Object.fromEntries( keys.map(key => [key, false]) )
88
- );
89
-
90
- return scrollbar(
91
- {
92
- ...attributes['tooltip-content'],
93
- class: [
94
- ...toArray(attributes['tooltip-content']?.class),
95
- `tooltip-content tooltip-content--${attributes['tooltip-content']?.direction || 's'} --flex-column --width-full`
96
- ],
97
- onclick: (e: Event) => {
98
- let key = (e?.target as HTMLElement)?.dataset?.key;
99
-
100
- if (key === undefined) {
101
- return;
102
- }
103
-
104
- let previous = state.selected;
105
-
106
- state.selected = key;
107
- state.active = false;
108
-
109
- selected[key] = true;
110
- selected[previous] = false;
111
- },
112
- scrollbar: attributes['scrollbar'],
113
- 'scrollbar-container-content': attributes['scrollbar-container-content']
111
+ selected[key] = true;
112
+ selected[previous] = false;
114
113
  },
115
- keys.map((key) => html`
116
- <div class='link'
117
- ${omit(options[key], OMIT_OPTION)}
118
- ${option}
119
- ${{
120
- class: () => selected[key] && '--active',
121
- 'data-key': key
122
- }}
123
- >
124
- <span class='--text-truncate'>
125
- ${options[key]}
126
- </span>
127
- </div>
128
- `)
129
- );
130
- }}
131
- </label>
132
- `;
133
- }
134
- );
114
+ scrollbar: attributes['scrollbar'],
115
+ 'scrollbar-container-content': attributes['scrollbar-container-content']
116
+ },
117
+ keys.map((key) => html`
118
+ <div class='link'
119
+ ${omit(options[key] as Attributes, OMIT_OPTION)}
120
+ ${option}
121
+ ${{
122
+ class: () => selected[key] && '--active',
123
+ 'data-key': key
124
+ }}
125
+ >
126
+ <span class='--text-truncate --pointer-none'>
127
+ ${(options[key] as any).content}
128
+ </span>
129
+ </div>
130
+ `)
131
+ );
132
+ }}
133
+ </label>
134
+ `;
135
+ };
135
136
 
136
137
 
137
138
  export default template.factory<
@@ -147,16 +148,24 @@ export default template.factory<
147
148
  state: {
148
149
  active: boolean;
149
150
  error: string;
151
+ render: boolean;
150
152
  selected?: number | string;
151
153
  }
152
154
  }
153
155
  ),
154
- (mask: typeof select) => Renderable<unknown>
156
+ (mask: (attributes: {
157
+ 'field-mask-arrow'?: Attributes;
158
+ 'field-mask-tag'?: Attributes;
159
+ 'field-mask-text'?: Attributes;
160
+ 'tooltip-content'?: Attributes & { direction?: string };
161
+ } & Attributes & A,
162
+ content: Renderable<unknown>) => Renderable<unknown>) => Renderable<unknown>
155
163
  >((attributes, content) => {
156
164
  let options = attributes.options,
157
165
  state = attributes.state || reactive({
158
166
  active: false,
159
167
  error: '',
168
+ render: false,
160
169
  selected: attributes.selected || Object.keys(options)[0]
161
170
  });
162
171