@esportsplus/ui 0.20.5 → 0.20.7

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 (7) hide show
  1. package/build/components/field/index.d.ts +159 -304
  2. package/build/components/field/select.d.ts +27 -38
  3. package/build/components/field/select.js +33 -30
  4. package/build/components/scrollbar/index.js +1 -0
  5. package/package.json +2 -2
  6. package/src/components/field/select.ts +103 -100
  7. package/src/components/scrollbar/index.ts +2 -1
package/build/components/field/index.d.ts CHANGED
@@ -8250,47 +8250,29 @@ 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: (this: {
8258
+ options: {
8259
+ content: unknown;
8260
+ } & import("@esportsplus/template").Attributes;
8261
+ option?: import("@esportsplus/template").Attributes;
8262
+ state: {
8263
+ active: boolean;
8264
+ error: string;
8265
+ render: boolean;
8266
+ selected: string | number;
8267
+ };
8268
+ }, attributes: {
8269
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8270
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8271
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8272
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8273
+ direction?: string;
8274
+ };
8275
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => Node) => import("@esportsplus/template").Renderable<unknown>) | undefined;
8294
8276
  }, attributes: Readonly<{
8295
8277
  [key: `aria-${string}`]: string | number | boolean | undefined;
8296
8278
  [key: `data-${string}`]: string | undefined;
@@ -8416,84 +8398,47 @@ declare const _default: {
8416
8398
  state: {
8417
8399
  active: boolean;
8418
8400
  error: string;
8401
+ render: boolean;
8419
8402
  selected?: number | string;
8420
8403
  };
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: {
8404
+ })))>, content: (mask: (this: {
8405
+ options: {
8406
+ content: unknown;
8407
+ } & import("@esportsplus/template").Attributes;
8408
+ option?: import("@esportsplus/template").Attributes;
8409
+ state: {
8410
+ active: boolean;
8411
+ error: string;
8412
+ render: boolean;
8413
+ selected: string | number;
8414
+ };
8415
+ }, attributes: {
8416
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8417
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8418
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8419
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8420
+ direction?: string;
8421
+ };
8422
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => Node) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
8423
+ (content: (mask: (this: {
8424
+ options: {
8425
+ content: unknown;
8426
+ } & import("@esportsplus/template").Attributes;
8427
+ option?: import("@esportsplus/template").Attributes;
8428
+ state: {
8429
+ active: boolean;
8430
+ error: string;
8431
+ render: boolean;
8432
+ selected: string | number;
8433
+ };
8434
+ }, attributes: {
8435
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8436
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8437
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8438
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8439
+ direction?: string;
8440
+ };
8441
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => Node) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
8497
8442
  attributes?: ({
8498
8443
  [key: `aria-${string}`]: string | number | boolean | undefined;
8499
8444
  [key: `data-${string}`]: string | undefined;
@@ -8619,47 +8564,29 @@ declare const _default: {
8619
8564
  state: {
8620
8565
  active: boolean;
8621
8566
  error: string;
8567
+ render: boolean;
8622
8568
  selected?: number | string;
8623
8569
  };
8624
8570
  })))) | 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;
8571
+ content?: ((mask: (this: {
8572
+ options: {
8573
+ content: unknown;
8574
+ } & import("@esportsplus/template").Attributes;
8575
+ option?: import("@esportsplus/template").Attributes;
8576
+ state: {
8577
+ active: boolean;
8578
+ error: string;
8579
+ render: boolean;
8580
+ selected: string | number;
8581
+ };
8582
+ }, attributes: {
8583
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8584
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8585
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8586
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8587
+ direction?: string;
8588
+ };
8589
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => Node) => import("@esportsplus/template").Renderable<unknown>) | undefined;
8663
8590
  }, attributes: Readonly<{
8664
8591
  [key: `aria-${string}`]: string | number | boolean | undefined;
8665
8592
  [key: `data-${string}`]: string | undefined;
@@ -8785,46 +8712,28 @@ declare const _default: {
8785
8712
  state: {
8786
8713
  active: boolean;
8787
8714
  error: string;
8715
+ render: boolean;
8788
8716
  selected?: number | string;
8789
8717
  };
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>>;
8718
+ })))>, content: (mask: (this: {
8719
+ options: {
8720
+ content: unknown;
8721
+ } & import("@esportsplus/template").Attributes;
8722
+ option?: import("@esportsplus/template").Attributes;
8723
+ state: {
8724
+ active: boolean;
8725
+ error: string;
8726
+ render: boolean;
8727
+ selected: string | number;
8728
+ };
8729
+ }, attributes: {
8730
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8731
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8732
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8733
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8734
+ direction?: string;
8735
+ };
8736
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => Node) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
8828
8737
  (attributes: {
8829
8738
  [key: `aria-${string}`]: string | number | boolean | undefined;
8830
8739
  [key: `data-${string}`]: string | undefined;
@@ -8950,46 +8859,28 @@ declare const _default: {
8950
8859
  state: {
8951
8860
  active: boolean;
8952
8861
  error: string;
8862
+ render: boolean;
8953
8863
  selected?: number | string;
8954
8864
  };
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: {
8865
+ }))), content: (mask: (this: {
8866
+ options: {
8867
+ content: unknown;
8868
+ } & import("@esportsplus/template").Attributes;
8869
+ option?: import("@esportsplus/template").Attributes;
8870
+ state: {
8871
+ active: boolean;
8872
+ error: string;
8873
+ render: boolean;
8874
+ selected: string | number;
8875
+ };
8876
+ }, attributes: {
8877
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
8878
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
8879
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
8880
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
8881
+ direction?: string;
8882
+ };
8883
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => Node) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
8993
8884
  attributes?: ({
8994
8885
  [key: `aria-${string}`]: string | number | boolean | undefined;
8995
8886
  [key: `data-${string}`]: string | undefined;
@@ -9115,47 +9006,29 @@ declare const _default: {
9115
9006
  state: {
9116
9007
  active: boolean;
9117
9008
  error: string;
9009
+ render: boolean;
9118
9010
  selected?: number | string;
9119
9011
  };
9120
9012
  })))) | 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;
9013
+ content?: ((mask: (this: {
9014
+ options: {
9015
+ content: unknown;
9016
+ } & import("@esportsplus/template").Attributes;
9017
+ option?: import("@esportsplus/template").Attributes;
9018
+ state: {
9019
+ active: boolean;
9020
+ error: string;
9021
+ render: boolean;
9022
+ selected: string | number;
9023
+ };
9024
+ }, attributes: {
9025
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
9026
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
9027
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
9028
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
9029
+ direction?: string;
9030
+ };
9031
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => Node) => import("@esportsplus/template").Renderable<unknown>) | undefined;
9159
9032
  }, attributes: Readonly<{
9160
9033
  [key: `aria-${string}`]: string | number | boolean | undefined;
9161
9034
  [key: `data-${string}`]: string | undefined;
@@ -9281,46 +9154,28 @@ declare const _default: {
9281
9154
  state: {
9282
9155
  active: boolean;
9283
9156
  error: string;
9157
+ render: boolean;
9284
9158
  selected?: number | string;
9285
9159
  };
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>>;
9160
+ })))>, content: (mask: (this: {
9161
+ options: {
9162
+ content: unknown;
9163
+ } & import("@esportsplus/template").Attributes;
9164
+ option?: import("@esportsplus/template").Attributes;
9165
+ state: {
9166
+ active: boolean;
9167
+ error: string;
9168
+ render: boolean;
9169
+ selected: string | number;
9170
+ };
9171
+ }, attributes: {
9172
+ "field-mask-arrow"?: import("@esportsplus/template").Attributes;
9173
+ "field-mask-tag"?: import("@esportsplus/template").Attributes;
9174
+ "field-mask-text"?: import("@esportsplus/template").Attributes;
9175
+ "tooltip-content"?: import("@esportsplus/template").Attributes & {
9176
+ direction?: string;
9177
+ };
9178
+ } & import("@esportsplus/template").Attributes & import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<unknown>) => Node) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
9324
9179
  };
9325
9180
  switch: {
9326
9181
  (): ReturnType<(this: {
package/build/components/field/select.d.ts CHANGED
@@ -1,42 +1,24 @@
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';
3
+ declare const select: (this: {
4
+ options: {
5
+ content: unknown;
6
+ } & Attributes;
7
+ option?: Attributes;
8
+ state: {
9
+ active: boolean;
10
+ error: string;
11
+ render: boolean;
12
+ selected: string | number;
13
+ };
14
+ }, attributes: {
15
+ "field-mask-arrow"?: Attributes;
16
+ "field-mask-tag"?: Attributes;
17
+ "field-mask-text"?: Attributes;
18
+ "tooltip-content"?: Attributes & {
19
+ direction?: string;
20
+ };
21
+ } & Attributes & A, content: Renderable<unknown>) => Node;
40
22
  declare const _default: {
41
23
  (): ReturnType<(this: {
42
24
  attributes?: ({
@@ -164,6 +146,7 @@ declare const _default: {
164
146
  state: {
165
147
  active: boolean;
166
148
  error: string;
149
+ render: boolean;
167
150
  selected?: number | string;
168
151
  };
169
152
  })))) | undefined;
@@ -293,6 +276,7 @@ declare const _default: {
293
276
  state: {
294
277
  active: boolean;
295
278
  error: string;
279
+ render: boolean;
296
280
  selected?: number | string;
297
281
  };
298
282
  })))>, content: (mask: typeof select) => Renderable<unknown>) => Renderable<any>>;
@@ -422,6 +406,7 @@ declare const _default: {
422
406
  state: {
423
407
  active: boolean;
424
408
  error: string;
409
+ render: boolean;
425
410
  selected?: number | string;
426
411
  };
427
412
  })))) | undefined;
@@ -551,6 +536,7 @@ declare const _default: {
551
536
  state: {
552
537
  active: boolean;
553
538
  error: string;
539
+ render: boolean;
554
540
  selected?: number | string;
555
541
  };
556
542
  })))>, content: (mask: typeof select) => Renderable<unknown>) => Renderable<any>>;
@@ -679,6 +665,7 @@ declare const _default: {
679
665
  state: {
680
666
  active: boolean;
681
667
  error: string;
668
+ render: boolean;
682
669
  selected?: number | string;
683
670
  };
684
671
  }))), content: (mask: typeof select) => Renderable<unknown>): ReturnType<(this: {
@@ -807,6 +794,7 @@ declare const _default: {
807
794
  state: {
808
795
  active: boolean;
809
796
  error: string;
797
+ render: boolean;
810
798
  selected?: number | string;
811
799
  };
812
800
  })))) | undefined;
@@ -936,6 +924,7 @@ declare const _default: {
936
924
  state: {
937
925
  active: boolean;
938
926
  error: string;
927
+ render: boolean;
939
928
  selected?: number | string;
940
929
  };
941
930
  })))>, content: (mask: typeof select) => Renderable<unknown>) => Renderable<any>>;
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/build/components/scrollbar/index.js CHANGED
@@ -39,6 +39,7 @@ export default template.factory(function (attributes, content) {
39
39
  <div
40
40
  class='scrollbar'
41
41
  ${this?.attributes?.scrollbar}
42
+ ${attributes.scrollbar}
42
43
  ${{
43
44
  class: () => state.height >= 100 && 'scrollbar--hidden',
44
45
  style: () => `
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.5",
51
+ "version": "0.20.7",
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,6 +148,7 @@ 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
  }
@@ -157,6 +159,7 @@ export default template.factory<
157
159
  state = attributes.state || reactive({
158
160
  active: false,
159
161
  error: '',
162
+ render: false,
160
163
  selected: attributes.selected || Object.keys(options)[0]
161
164
  });
162
165
 
package/src/components/scrollbar/index.ts CHANGED
@@ -16,7 +16,7 @@ let root = document.body,
16
16
 
17
17
 
18
18
  export default template.factory<A>(
19
- function(this: { attributes?: A }, attributes, content) {
19
+ function(this: { attributes?: A }, attributes, content) {
20
20
  let state = reactive({
21
21
  height: 100,
22
22
  translate: 0
@@ -53,6 +53,7 @@ export default template.factory<A>(
53
53
  <div
54
54
  class='scrollbar'
55
55
  ${this?.attributes?.scrollbar}
56
+ ${attributes.scrollbar}
56
57
  ${{
57
58
  class: () => state.height >= 100 && 'scrollbar--hidden',
58
59
  style: () => `