@warp-ds/elements 2.4.0-next.3 → 2.4.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.
Files changed (36) hide show
  1. package/dist/custom-elements.json +148 -3267
  2. package/dist/index.d.ts +34 -762
  3. package/dist/packages/checkbox/checkbox-group.js +11 -3
  4. package/dist/packages/checkbox/checkbox.js +201 -2572
  5. package/dist/packages/deadtoggle/index.js +51 -2547
  6. package/dist/packages/pageindicator/index.js +44 -28
  7. package/dist/packages/pagination/index.js +183 -2484
  8. package/dist/packages/radio/radio-group-styles.js +3 -3
  9. package/dist/packages/radio/radio-group.js +313 -2619
  10. package/dist/packages/radio/radio-styles.js +0 -1
  11. package/dist/packages/radio/radio.js +109 -2556
  12. package/dist/packages/radio/radio.stories.js +47 -3688
  13. package/dist/packages/slider/slider-thumb.js +400 -2647
  14. package/dist/packages/slider/slider.js +272 -2603
  15. package/dist/packages/stepindicator/index.js +189 -2459
  16. package/dist/packages/tabs/tab.js +91 -2451
  17. package/dist/packages/tabs/tabs.js +251 -2444
  18. package/dist/packages/textarea/textarea.js +210 -2465
  19. package/dist/web-types.json +28 -811
  20. package/package.json +1 -37
  21. package/dist/packages/checkbox/checkbox-group.js.map +0 -7
  22. package/dist/packages/checkbox/checkbox.js.map +0 -7
  23. package/dist/packages/deadtoggle/index.js.map +0 -7
  24. package/dist/packages/pageindicator/index.js.map +0 -7
  25. package/dist/packages/pagination/index.js.map +0 -7
  26. package/dist/packages/radio/radio-group-styles.js.map +0 -7
  27. package/dist/packages/radio/radio-group.js.map +0 -7
  28. package/dist/packages/radio/radio-styles.js.map +0 -7
  29. package/dist/packages/radio/radio.js.map +0 -7
  30. package/dist/packages/radio/radio.stories.js.map +0 -7
  31. package/dist/packages/slider/slider-thumb.js.map +0 -7
  32. package/dist/packages/slider/slider.js.map +0 -7
  33. package/dist/packages/stepindicator/index.js.map +0 -7
  34. package/dist/packages/tabs/tab.js.map +0 -7
  35. package/dist/packages/tabs/tabs.js.map +0 -7
  36. package/dist/packages/textarea/textarea.js.map +0 -7
package/dist/custom-elements.json CHANGED
@@ -3669,6 +3669,154 @@
3669
3669
  }
3670
3670
  ]
3671
3671
  },
3672
+ {
3673
+ "kind": "javascript-module",
3674
+ "path": "packages/switch/index.ts",
3675
+ "declarations": [
3676
+ {
3677
+ "kind": "class",
3678
+ "description": "",
3679
+ "name": "WarpSwitch",
3680
+ "members": [
3681
+ {
3682
+ "kind": "field",
3683
+ "name": "name",
3684
+ "type": {
3685
+ "text": "string"
3686
+ },
3687
+ "default": "''",
3688
+ "attribute": "name",
3689
+ "reflects": true
3690
+ },
3691
+ {
3692
+ "kind": "field",
3693
+ "name": "value",
3694
+ "type": {
3695
+ "text": "string"
3696
+ },
3697
+ "default": "''",
3698
+ "attribute": "value",
3699
+ "reflects": true
3700
+ },
3701
+ {
3702
+ "kind": "field",
3703
+ "name": "checked",
3704
+ "type": {
3705
+ "text": "boolean"
3706
+ },
3707
+ "default": "false",
3708
+ "attribute": "checked",
3709
+ "reflects": true
3710
+ },
3711
+ {
3712
+ "kind": "field",
3713
+ "name": "disabled",
3714
+ "type": {
3715
+ "text": "boolean"
3716
+ },
3717
+ "default": "false",
3718
+ "attribute": "disabled",
3719
+ "reflects": true
3720
+ },
3721
+ {
3722
+ "kind": "field",
3723
+ "name": "#initialState",
3724
+ "privacy": "private",
3725
+ "type": {
3726
+ "text": "boolean | null"
3727
+ },
3728
+ "default": "null"
3729
+ },
3730
+ {
3731
+ "kind": "method",
3732
+ "name": "resetFormControl",
3733
+ "return": {
3734
+ "type": {
3735
+ "text": "void"
3736
+ }
3737
+ },
3738
+ "type": {
3739
+ "text": "resetFormControl() => void"
3740
+ }
3741
+ }
3742
+ ],
3743
+ "events": [
3744
+ {
3745
+ "name": "change",
3746
+ "type": {
3747
+ "text": "CustomEvent"
3748
+ }
3749
+ }
3750
+ ],
3751
+ "attributes": [
3752
+ {
3753
+ "name": "name",
3754
+ "type": {
3755
+ "text": "string"
3756
+ },
3757
+ "default": "''",
3758
+ "fieldName": "name"
3759
+ },
3760
+ {
3761
+ "name": "value",
3762
+ "type": {
3763
+ "text": "string"
3764
+ },
3765
+ "default": "''",
3766
+ "fieldName": "value"
3767
+ },
3768
+ {
3769
+ "name": "checked",
3770
+ "type": {
3771
+ "text": "boolean"
3772
+ },
3773
+ "default": "false",
3774
+ "fieldName": "checked"
3775
+ },
3776
+ {
3777
+ "name": "disabled",
3778
+ "type": {
3779
+ "text": "boolean"
3780
+ },
3781
+ "default": "false",
3782
+ "fieldName": "disabled"
3783
+ }
3784
+ ],
3785
+ "mixins": [
3786
+ {
3787
+ "name": "FormControlMixin",
3788
+ "package": "@open-wc/form-control"
3789
+ }
3790
+ ],
3791
+ "superclass": {
3792
+ "name": "LitElement",
3793
+ "package": "lit"
3794
+ },
3795
+ "tagName": "w-switch",
3796
+ "customElement": true,
3797
+ "modulePath": "packages/switch/index.ts",
3798
+ "definitionPath": "packages/switch/index.ts"
3799
+ }
3800
+ ],
3801
+ "exports": [
3802
+ {
3803
+ "kind": "js",
3804
+ "name": "WarpSwitch",
3805
+ "declaration": {
3806
+ "name": "WarpSwitch",
3807
+ "module": "packages/switch/index.ts"
3808
+ }
3809
+ },
3810
+ {
3811
+ "kind": "custom-element-definition",
3812
+ "name": "w-switch",
3813
+ "declaration": {
3814
+ "name": "WarpSwitch",
3815
+ "module": "packages/switch/index.ts"
3816
+ }
3817
+ }
3818
+ ]
3819
+ },
3672
3820
  {
3673
3821
  "kind": "javascript-module",
3674
3822
  "path": "packages/combobox/index.ts",
@@ -4236,3273 +4384,6 @@
4236
4384
  }
4237
4385
  }
4238
4386
  ]
4239
- },
4240
- {
4241
- "kind": "javascript-module",
4242
- "path": "packages/deadtoggle/index.ts",
4243
- "declarations": [
4244
- {
4245
- "kind": "class",
4246
- "description": "Dead toggle can be used where the appearance of a checkbox or radio is needed - but for accessibility purposes an actual input element should not be present.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-dead-toggle--docs)",
4247
- "name": "WarpDeadToggle",
4248
- "members": [
4249
- {
4250
- "kind": "field",
4251
- "name": "type",
4252
- "type": {
4253
- "text": "'radio' | 'checkbox'"
4254
- },
4255
- "default": "'radio'",
4256
- "attribute": "type",
4257
- "reflects": true
4258
- },
4259
- {
4260
- "kind": "field",
4261
- "name": "checked",
4262
- "type": {
4263
- "text": "boolean"
4264
- },
4265
- "default": "false",
4266
- "attribute": "checked",
4267
- "reflects": true
4268
- },
4269
- {
4270
- "kind": "field",
4271
- "name": "indeterminate",
4272
- "type": {
4273
- "text": "boolean"
4274
- },
4275
- "default": "false",
4276
- "attribute": "indeterminate",
4277
- "reflects": true
4278
- },
4279
- {
4280
- "kind": "field",
4281
- "name": "invalid",
4282
- "type": {
4283
- "text": "boolean"
4284
- },
4285
- "default": "false",
4286
- "attribute": "invalid",
4287
- "reflects": true
4288
- },
4289
- {
4290
- "kind": "field",
4291
- "name": "disabled",
4292
- "type": {
4293
- "text": "boolean"
4294
- },
4295
- "default": "false",
4296
- "attribute": "disabled",
4297
- "reflects": true
4298
- }
4299
- ],
4300
- "attributes": [
4301
- {
4302
- "name": "type",
4303
- "type": {
4304
- "text": "'radio' | 'checkbox'"
4305
- },
4306
- "default": "'radio'",
4307
- "fieldName": "type"
4308
- },
4309
- {
4310
- "name": "checked",
4311
- "type": {
4312
- "text": "boolean"
4313
- },
4314
- "default": "false",
4315
- "fieldName": "checked"
4316
- },
4317
- {
4318
- "name": "indeterminate",
4319
- "type": {
4320
- "text": "boolean"
4321
- },
4322
- "default": "false",
4323
- "fieldName": "indeterminate"
4324
- },
4325
- {
4326
- "name": "invalid",
4327
- "type": {
4328
- "text": "boolean"
4329
- },
4330
- "default": "false",
4331
- "fieldName": "invalid"
4332
- },
4333
- {
4334
- "name": "disabled",
4335
- "type": {
4336
- "text": "boolean"
4337
- },
4338
- "default": "false",
4339
- "fieldName": "disabled"
4340
- }
4341
- ],
4342
- "superclass": {
4343
- "name": "LitElement",
4344
- "package": "lit"
4345
- },
4346
- "tagName": "w-dead-toggle",
4347
- "customElement": true,
4348
- "modulePath": "packages/deadtoggle/index.ts",
4349
- "definitionPath": "packages/deadtoggle/index.ts"
4350
- }
4351
- ],
4352
- "exports": [
4353
- {
4354
- "kind": "js",
4355
- "name": "WarpDeadToggle",
4356
- "declaration": {
4357
- "name": "WarpDeadToggle",
4358
- "module": "packages/deadtoggle/index.ts"
4359
- }
4360
- },
4361
- {
4362
- "kind": "custom-element-definition",
4363
- "name": "w-dead-toggle",
4364
- "declaration": {
4365
- "name": "WarpDeadToggle",
4366
- "module": "packages/deadtoggle/index.ts"
4367
- }
4368
- }
4369
- ]
4370
- },
4371
- {
4372
- "kind": "javascript-module",
4373
- "path": "packages/pageindicator/index.ts",
4374
- "declarations": [
4375
- {
4376
- "kind": "class",
4377
- "description": "",
4378
- "name": "WarpPageIndicator",
4379
- "members": [
4380
- {
4381
- "kind": "field",
4382
- "name": "selectedPage",
4383
- "type": {
4384
- "text": "number"
4385
- },
4386
- "default": "1",
4387
- "description": "Currently selected page (1-based index)",
4388
- "attribute": "selected-page"
4389
- },
4390
- {
4391
- "kind": "field",
4392
- "name": "pageCount",
4393
- "type": {
4394
- "text": "number"
4395
- },
4396
- "default": "1",
4397
- "description": "Total number of pages",
4398
- "attribute": "page-count"
4399
- }
4400
- ],
4401
- "attributes": [
4402
- {
4403
- "name": "selected-page",
4404
- "type": {
4405
- "text": "number"
4406
- },
4407
- "default": "1",
4408
- "description": "Currently selected page (1-based index)",
4409
- "fieldName": "selectedPage"
4410
- },
4411
- {
4412
- "name": "page-count",
4413
- "type": {
4414
- "text": "number"
4415
- },
4416
- "default": "1",
4417
- "description": "Total number of pages",
4418
- "fieldName": "pageCount"
4419
- }
4420
- ],
4421
- "superclass": {
4422
- "name": "LitElement",
4423
- "package": "lit"
4424
- },
4425
- "tagName": "w-pageindicator",
4426
- "customElement": true,
4427
- "modulePath": "packages/pageindicator/index.ts",
4428
- "definitionPath": "packages/pageindicator/index.ts"
4429
- }
4430
- ],
4431
- "exports": [
4432
- {
4433
- "kind": "custom-element-definition",
4434
- "name": "w-pageindicator",
4435
- "declaration": {
4436
- "name": "WarpPageIndicator",
4437
- "module": "packages/pageindicator/index.ts"
4438
- }
4439
- },
4440
- {
4441
- "kind": "js",
4442
- "name": "WarpPageIndicator",
4443
- "declaration": {
4444
- "name": "WarpPageIndicator",
4445
- "module": "packages/pageindicator/index.ts"
4446
- }
4447
- }
4448
- ]
4449
- },
4450
- {
4451
- "kind": "javascript-module",
4452
- "path": "packages/pagination/index.ts",
4453
- "declarations": [
4454
- {
4455
- "kind": "class",
4456
- "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)",
4457
- "name": "WarpPagination",
4458
- "members": [
4459
- {
4460
- "kind": "field",
4461
- "name": "baseUrl",
4462
- "type": {
4463
- "text": "string"
4464
- },
4465
- "attribute": "base-url",
4466
- "reflects": true
4467
- },
4468
- {
4469
- "kind": "field",
4470
- "name": "pages",
4471
- "type": {
4472
- "text": "number"
4473
- },
4474
- "attribute": "pages",
4475
- "reflects": true
4476
- },
4477
- {
4478
- "kind": "field",
4479
- "name": "currentPageNumber",
4480
- "type": {
4481
- "text": "number"
4482
- },
4483
- "default": "1",
4484
- "attribute": "current-page",
4485
- "reflects": true
4486
- },
4487
- {
4488
- "kind": "field",
4489
- "name": "visiblePages",
4490
- "type": {
4491
- "text": "number"
4492
- },
4493
- "default": "7",
4494
- "attribute": "visible-pages",
4495
- "reflects": true
4496
- },
4497
- {
4498
- "kind": "method",
4499
- "name": "#dispatchClickPage",
4500
- "privacy": "private",
4501
- "parameters": [
4502
- {
4503
- "name": "e",
4504
- "type": {
4505
- "text": "PointerEvent"
4506
- }
4507
- }
4508
- ]
4509
- }
4510
- ],
4511
- "events": [
4512
- {
4513
- "name": "page-click",
4514
- "type": {
4515
- "text": "CustomEvent"
4516
- },
4517
- "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
4518
- }
4519
- ],
4520
- "attributes": [
4521
- {
4522
- "name": "base-url",
4523
- "type": {
4524
- "text": "string"
4525
- },
4526
- "fieldName": "baseUrl"
4527
- },
4528
- {
4529
- "name": "pages",
4530
- "type": {
4531
- "text": "number"
4532
- },
4533
- "fieldName": "pages"
4534
- },
4535
- {
4536
- "name": "current-page",
4537
- "type": {
4538
- "text": "number"
4539
- },
4540
- "default": "1",
4541
- "fieldName": "currentPageNumber"
4542
- },
4543
- {
4544
- "name": "visible-pages",
4545
- "type": {
4546
- "text": "number"
4547
- },
4548
- "default": "7",
4549
- "fieldName": "visiblePages"
4550
- }
4551
- ],
4552
- "superclass": {
4553
- "name": "LitElement",
4554
- "package": "lit"
4555
- },
4556
- "tagName": "w-pagination",
4557
- "customElement": true,
4558
- "modulePath": "packages/pagination/index.ts",
4559
- "definitionPath": "packages/pagination/index.ts"
4560
- }
4561
- ],
4562
- "exports": [
4563
- {
4564
- "kind": "custom-element-definition",
4565
- "name": "w-pagination",
4566
- "declaration": {
4567
- "name": "WarpPagination",
4568
- "module": "packages/pagination/index.ts"
4569
- }
4570
- },
4571
- {
4572
- "kind": "js",
4573
- "name": "WarpPagination",
4574
- "declaration": {
4575
- "name": "WarpPagination",
4576
- "module": "packages/pagination/index.ts"
4577
- }
4578
- }
4579
- ]
4580
- },
4581
- {
4582
- "kind": "javascript-module",
4583
- "path": "packages/radio/radio-group-styles.ts",
4584
- "declarations": [
4585
- {
4586
- "kind": "variable",
4587
- "name": "styles",
4588
- "default": "css` :host { display: block; } .form-control { position: relative; border: none; padding: 0; margin: 0; } .label { font-size: var(--w-font-size-s); line-height: var(--w-line-height-s); font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: grayscale; cursor: pointer; padding-bottom: 0.4rem; color: var(--w-s-color-text); display: block; } .radio-group-required .label::after { content: var(--wa-form-control-required-content); margin-inline-start: var(--wa-form-control-required-content-offset); } .button-group { display: flex; } [part~='form-control-input'] { display: flex; flex-direction: column; flex-wrap: wrap; } /* Horizontal */ :host([orientation='horizontal']) [part~='form-control-input'] { flex-direction: row; gap: 1em; } /* Help text */ [part~='hint'] { margin-block-start: 0.5em; } /* Radios have the \"button\" appearance */ :host fieldset.has-radio-buttons { [part~='form-control-input'] { gap: 0; } } `"
4589
- }
4590
- ],
4591
- "exports": [
4592
- {
4593
- "kind": "js",
4594
- "name": "styles",
4595
- "declaration": {
4596
- "name": "styles",
4597
- "module": "packages/radio/radio-group-styles.ts"
4598
- }
4599
- }
4600
- ]
4601
- },
4602
- {
4603
- "kind": "javascript-module",
4604
- "path": "packages/radio/radio.ts",
4605
- "declarations": [
4606
- {
4607
- "kind": "class",
4608
- "description": "",
4609
- "name": "WRadio",
4610
- "members": [
4611
- {
4612
- "kind": "field",
4613
- "name": "css",
4614
- "type": {
4615
- "text": "array"
4616
- },
4617
- "static": true,
4618
- "default": "[reset, toggleStyles]"
4619
- },
4620
- {
4621
- "kind": "field",
4622
- "name": "checked",
4623
- "type": {
4624
- "text": "boolean"
4625
- },
4626
- "default": "false"
4627
- },
4628
- {
4629
- "kind": "field",
4630
- "name": "form",
4631
- "type": {
4632
- "text": "string | null"
4633
- },
4634
- "default": "null",
4635
- "description": "The string pointing to a form's id.",
4636
- "attribute": "form",
4637
- "reflects": true
4638
- },
4639
- {
4640
- "kind": "field",
4641
- "name": "value",
4642
- "type": {
4643
- "text": "string"
4644
- },
4645
- "description": "The radio's value. When selected, the radio group will receive this value.",
4646
- "attribute": "value",
4647
- "reflects": true
4648
- },
4649
- {
4650
- "kind": "field",
4651
- "name": "appearance",
4652
- "type": {
4653
- "text": "'default' | 'button' | 'clickable'"
4654
- },
4655
- "default": "'default'",
4656
- "description": "The radio's value. When selected, the radio group will receive this value.",
4657
- "attribute": "appearance",
4658
- "reflects": true
4659
- },
4660
- {
4661
- "kind": "field",
4662
- "name": "size",
4663
- "type": {
4664
- "text": "'small' | 'medium' | 'large'"
4665
- },
4666
- "default": "'medium'",
4667
- "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
4668
- "attribute": "size",
4669
- "reflects": true
4670
- },
4671
- {
4672
- "kind": "field",
4673
- "name": "disabled",
4674
- "type": {
4675
- "text": "boolean"
4676
- },
4677
- "default": "false",
4678
- "description": "Disables the radio.",
4679
- "attribute": "disabled"
4680
- },
4681
- {
4682
- "kind": "method",
4683
- "name": "setInitialAttributes",
4684
- "privacy": "private"
4685
- },
4686
- {
4687
- "kind": "method",
4688
- "name": "setValue",
4689
- "return": {
4690
- "type": {
4691
- "text": "void"
4692
- }
4693
- },
4694
- "type": {
4695
- "text": "setValue() => void"
4696
- }
4697
- },
4698
- {
4699
- "kind": "field",
4700
- "name": "handleClick",
4701
- "privacy": "private"
4702
- }
4703
- ],
4704
- "attributes": [
4705
- {
4706
- "name": "form",
4707
- "type": {
4708
- "text": "string | null"
4709
- },
4710
- "default": "null",
4711
- "description": "The string pointing to a form's id.",
4712
- "fieldName": "form"
4713
- },
4714
- {
4715
- "name": "value",
4716
- "type": {
4717
- "text": "string"
4718
- },
4719
- "description": "The radio's value. When selected, the radio group will receive this value.",
4720
- "fieldName": "value"
4721
- },
4722
- {
4723
- "name": "appearance",
4724
- "type": {
4725
- "text": "'default' | 'button' | 'clickable'"
4726
- },
4727
- "default": "'default'",
4728
- "description": "The radio's value. When selected, the radio group will receive this value.",
4729
- "fieldName": "appearance"
4730
- },
4731
- {
4732
- "name": "size",
4733
- "type": {
4734
- "text": "'small' | 'medium' | 'large'"
4735
- },
4736
- "default": "'medium'",
4737
- "description": "The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this\nattribute can typically be omitted.",
4738
- "fieldName": "size"
4739
- },
4740
- {
4741
- "name": "disabled",
4742
- "type": {
4743
- "text": "boolean"
4744
- },
4745
- "default": "false",
4746
- "description": "Disables the radio.",
4747
- "fieldName": "disabled"
4748
- }
4749
- ],
4750
- "superclass": {
4751
- "name": "BaseFormAssociatedElement",
4752
- "module": "/packages/radio/form-associated-element"
4753
- },
4754
- "tagName": "w-radio",
4755
- "customElement": true,
4756
- "modulePath": "packages/radio/radio.ts",
4757
- "definitionPath": "packages/radio/radio.ts"
4758
- }
4759
- ],
4760
- "exports": [
4761
- {
4762
- "kind": "js",
4763
- "name": "WRadio",
4764
- "declaration": {
4765
- "name": "WRadio",
4766
- "module": "packages/radio/radio.ts"
4767
- }
4768
- },
4769
- {
4770
- "kind": "custom-element-definition",
4771
- "name": "w-radio",
4772
- "declaration": {
4773
- "name": "WRadio",
4774
- "module": "packages/radio/radio.ts"
4775
- }
4776
- }
4777
- ]
4778
- },
4779
- {
4780
- "kind": "javascript-module",
4781
- "path": "packages/radio/radio-group.ts",
4782
- "declarations": [
4783
- {
4784
- "kind": "class",
4785
- "description": "",
4786
- "name": "WRadioGroup",
4787
- "slots": [
4788
- {
4789
- "description": "Alternative to the `label` attribute should you need custom HTML.",
4790
- "name": "label"
4791
- }
4792
- ],
4793
- "members": [
4794
- {
4795
- "kind": "field",
4796
- "name": "css",
4797
- "type": {
4798
- "text": "array"
4799
- },
4800
- "static": true,
4801
- "default": "[styles]"
4802
- },
4803
- {
4804
- "kind": "field",
4805
- "name": "validators",
4806
- "static": true,
4807
- "readonly": true
4808
- },
4809
- {
4810
- "kind": "field",
4811
- "name": "hasSlotController",
4812
- "privacy": "private",
4813
- "readonly": true,
4814
- "default": "new HasSlotController(this, 'hint', 'label')"
4815
- },
4816
- {
4817
- "kind": "field",
4818
- "name": "hasRadioButtons",
4819
- "type": {
4820
- "text": "boolean"
4821
- },
4822
- "default": "false"
4823
- },
4824
- {
4825
- "kind": "field",
4826
- "name": "defaultSlot",
4827
- "type": {
4828
- "text": "HTMLSlotElement"
4829
- }
4830
- },
4831
- {
4832
- "kind": "field",
4833
- "name": "label",
4834
- "type": {
4835
- "text": "string"
4836
- },
4837
- "default": "''",
4838
- "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
4839
- "attribute": "label"
4840
- },
4841
- {
4842
- "kind": "field",
4843
- "name": "hint",
4844
- "type": {
4845
- "text": "string"
4846
- },
4847
- "default": "''",
4848
- "description": "The radio groups's hint. If you need to display HTML, use the `hint` slot instead.",
4849
- "attribute": "hint"
4850
- },
4851
- {
4852
- "kind": "field",
4853
- "name": "name",
4854
- "type": {
4855
- "text": "string | null"
4856
- },
4857
- "default": "null",
4858
- "description": "The name of the radio group, submitted as a name/value pair with form data.",
4859
- "attribute": "name",
4860
- "reflects": true
4861
- },
4862
- {
4863
- "kind": "field",
4864
- "name": "disabled",
4865
- "type": {
4866
- "text": "boolean"
4867
- },
4868
- "default": "false",
4869
- "description": "Disables the radio group and all child radios.",
4870
- "attribute": "disabled",
4871
- "reflects": true
4872
- },
4873
- {
4874
- "kind": "field",
4875
- "name": "orientation",
4876
- "type": {
4877
- "text": "'horizontal' | 'vertical'"
4878
- },
4879
- "default": "'vertical'",
4880
- "description": "The orientation in which to show radio items.",
4881
- "attribute": "orientation",
4882
- "reflects": true
4883
- },
4884
- {
4885
- "kind": "field",
4886
- "name": "_value",
4887
- "type": {
4888
- "text": "string | null"
4889
- },
4890
- "privacy": "private",
4891
- "default": "null"
4892
- },
4893
- {
4894
- "kind": "field",
4895
- "name": "value",
4896
- "description": "The current value of the radio group, submitted as a name/value pair with form data."
4897
- },
4898
- {
4899
- "kind": "field",
4900
- "name": "defaultValue",
4901
- "type": {
4902
- "text": "string | null"
4903
- },
4904
- "description": "The default value of the form control. Primarily used for resetting the form control.",
4905
- "attribute": "value",
4906
- "reflects": true
4907
- },
4908
- {
4909
- "kind": "field",
4910
- "name": "size",
4911
- "type": {
4912
- "text": "'small' | 'medium' | 'large'"
4913
- },
4914
- "default": "'medium'",
4915
- "description": "The radio group's size. This size will be applied to all child radios and radio buttons, except when explicitly overridden.",
4916
- "attribute": "size",
4917
- "reflects": true
4918
- },
4919
- {
4920
- "kind": "field",
4921
- "name": "required",
4922
- "type": {
4923
- "text": "boolean"
4924
- },
4925
- "default": "false",
4926
- "description": "Ensures a child radio is checked before allowing the containing form to submit.",
4927
- "attribute": "required",
4928
- "reflects": true
4929
- },
4930
- {
4931
- "kind": "field",
4932
- "name": "withLabel",
4933
- "type": {
4934
- "text": "boolean"
4935
- },
4936
- "default": "false",
4937
- "description": "Used for SSR. if true, will show slotted label on initial render.",
4938
- "attribute": "with-label"
4939
- },
4940
- {
4941
- "kind": "field",
4942
- "name": "withHint",
4943
- "type": {
4944
- "text": "boolean"
4945
- },
4946
- "default": "false",
4947
- "description": "Used for SSR. if true, will show slotted hint on initial render.",
4948
- "attribute": "with-hint"
4949
- },
4950
- {
4951
- "kind": "field",
4952
- "name": "shadowRootOptions",
4953
- "type": {
4954
- "text": "object"
4955
- },
4956
- "static": true,
4957
- "default": "{ ...BaseFormAssociatedElement.shadowRootOptions, delegatesFocus: true }"
4958
- },
4959
- {
4960
- "kind": "field",
4961
- "name": "validationTarget",
4962
- "description": "We use the first available radio as the validationTarget similar to native HTML that shows the validation popup on\nthe first radio element.",
4963
- "readonly": true
4964
- },
4965
- {
4966
- "kind": "method",
4967
- "name": "formResetCallback",
4968
- "parameters": [
4969
- {
4970
- "name": "args",
4971
- "type": {
4972
- "text": "Parameters<BaseFormAssociatedElement['formResetCallback']>"
4973
- }
4974
- }
4975
- ],
4976
- "type": {
4977
- "text": "formResetCallback(args: Parameters<BaseFormAssociatedElement['formResetCallback']>) => void"
4978
- }
4979
- },
4980
- {
4981
- "kind": "field",
4982
- "name": "handleRadioClick",
4983
- "privacy": "private"
4984
- },
4985
- {
4986
- "kind": "method",
4987
- "name": "getAllRadios",
4988
- "privacy": "private"
4989
- },
4990
- {
4991
- "kind": "method",
4992
- "name": "handleLabelClick",
4993
- "privacy": "private"
4994
- },
4995
- {
4996
- "kind": "method",
4997
- "name": "syncRadioElements",
4998
- "privacy": "private"
4999
- },
5000
- {
5001
- "kind": "method",
5002
- "name": "handleKeyDown",
5003
- "privacy": "private",
5004
- "parameters": [
5005
- {
5006
- "name": "event",
5007
- "type": {
5008
- "text": "KeyboardEvent"
5009
- }
5010
- }
5011
- ]
5012
- },
5013
- {
5014
- "kind": "method",
5015
- "name": "focus",
5016
- "privacy": "public",
5017
- "parameters": [
5018
- {
5019
- "name": "options",
5020
- "optional": true,
5021
- "type": {
5022
- "text": "FocusOptions"
5023
- }
5024
- }
5025
- ],
5026
- "description": "Sets focus on the radio group.",
5027
- "type": {
5028
- "text": "focus(options?: FocusOptions) => void"
5029
- }
5030
- }
5031
- ],
5032
- "events": [
5033
- {
5034
- "name": "input",
5035
- "type": {
5036
- "text": "InputEvent"
5037
- }
5038
- },
5039
- {
5040
- "name": "change",
5041
- "type": {
5042
- "text": "Event"
5043
- }
5044
- }
5045
- ],
5046
- "attributes": [
5047
- {
5048
- "name": "label",
5049
- "type": {
5050
- "text": "string"
5051
- },
5052
- "default": "''",
5053
- "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
5054
- "fieldName": "label"
5055
- },
5056
- {
5057
- "name": "hint",
5058
- "type": {
5059
- "text": "string"
5060
- },
5061
- "default": "''",
5062
- "description": "The radio groups's hint. If you need to display HTML, use the `hint` slot instead.",
5063
- "fieldName": "hint"
5064
- },
5065
- {
5066
- "name": "name",
5067
- "type": {
5068
- "text": "string | null"
5069
- },
5070
- "default": "null",
5071
- "description": "The name of the radio group, submitted as a name/value pair with form data.",
5072
- "fieldName": "name"
5073
- },
5074
- {
5075
- "name": "disabled",
5076
- "type": {
5077
- "text": "boolean"
5078
- },
5079
- "default": "false",
5080
- "description": "Disables the radio group and all child radios.",
5081
- "fieldName": "disabled"
5082
- },
5083
- {
5084
- "name": "orientation",
5085
- "type": {
5086
- "text": "'horizontal' | 'vertical'"
5087
- },
5088
- "default": "'vertical'",
5089
- "description": "The orientation in which to show radio items.",
5090
- "fieldName": "orientation"
5091
- },
5092
- {
5093
- "name": "value",
5094
- "type": {
5095
- "text": "string | null"
5096
- },
5097
- "description": "The default value of the form control. Primarily used for resetting the form control.",
5098
- "fieldName": "defaultValue"
5099
- },
5100
- {
5101
- "name": "size",
5102
- "type": {
5103
- "text": "'small' | 'medium' | 'large'"
5104
- },
5105
- "default": "'medium'",
5106
- "description": "The radio group's size. This size will be applied to all child radios and radio buttons, except when explicitly overridden.",
5107
- "fieldName": "size"
5108
- },
5109
- {
5110
- "name": "required",
5111
- "type": {
5112
- "text": "boolean"
5113
- },
5114
- "default": "false",
5115
- "description": "Ensures a child radio is checked before allowing the containing form to submit.",
5116
- "fieldName": "required"
5117
- },
5118
- {
5119
- "name": "with-label",
5120
- "type": {
5121
- "text": "boolean"
5122
- },
5123
- "default": "false",
5124
- "description": "Used for SSR. if true, will show slotted label on initial render.",
5125
- "fieldName": "withLabel"
5126
- },
5127
- {
5128
- "name": "with-hint",
5129
- "type": {
5130
- "text": "boolean"
5131
- },
5132
- "default": "false",
5133
- "description": "Used for SSR. if true, will show slotted hint on initial render.",
5134
- "fieldName": "withHint"
5135
- }
5136
- ],
5137
- "superclass": {
5138
- "name": "BaseFormAssociatedElement",
5139
- "module": "/packages/radio/form-associated-element"
5140
- },
5141
- "tagName": "w-radio-group",
5142
- "customElement": true,
5143
- "modulePath": "packages/radio/radio-group.ts",
5144
- "definitionPath": "packages/radio/radio-group.ts"
5145
- }
5146
- ],
5147
- "exports": [
5148
- {
5149
- "kind": "js",
5150
- "name": "WRadioGroup",
5151
- "declaration": {
5152
- "name": "WRadioGroup",
5153
- "module": "packages/radio/radio-group.ts"
5154
- }
5155
- },
5156
- {
5157
- "kind": "custom-element-definition",
5158
- "name": "w-radio-group",
5159
- "declaration": {
5160
- "name": "WRadioGroup",
5161
- "module": "packages/radio/radio-group.ts"
5162
- }
5163
- }
5164
- ]
5165
- },
5166
- {
5167
- "kind": "javascript-module",
5168
- "path": "packages/radio/radio-styles.ts",
5169
- "declarations": [],
5170
- "exports": []
5171
- },
5172
- {
5173
- "kind": "javascript-module",
5174
- "path": "packages/radio/radio.stories.ts",
5175
- "declarations": [
5176
- {
5177
- "kind": "variable",
5178
- "name": "meta",
5179
- "type": {
5180
- "text": "Meta<typeof args>"
5181
- },
5182
- "default": "{ title: 'Forms/Radio', render: (args) => { return html` <w-radio-group ${spread(prespread(args))}> <w-radio value=\"foo\">foo</w-radio> <w-radio value=\"bar\">bar</w-radio> </w-radio-group> `; }, } satisfies Meta"
5183
- },
5184
- {
5185
- "kind": "variable",
5186
- "name": "Default",
5187
- "type": {
5188
- "text": "Story"
5189
- },
5190
- "default": "{ args: { label: 'Group', name: 'foobar', value: 'foo', }, }"
5191
- },
5192
- {
5193
- "kind": "variable",
5194
- "name": "Disabled",
5195
- "type": {
5196
- "text": "Story"
5197
- },
5198
- "default": "{ args: { label: 'Disabled', disabled: true, }, }"
5199
- },
5200
- {
5201
- "kind": "variable",
5202
- "name": "Required",
5203
- "type": {
5204
- "text": "Story"
5205
- },
5206
- "default": "{ args: {}, render() { return html` <form> <w-radio-group required> <w-radio value=\"foo\">foo</w-radio> <w-radio value=\"bar\">bar</w-radio> </w-radio-group> <button>click me</button> </form> `; }, }"
5207
- },
5208
- {
5209
- "kind": "variable",
5210
- "name": "DisabledGroup",
5211
- "type": {
5212
- "text": "Story"
5213
- },
5214
- "default": "{ args: { disabled: true }, }"
5215
- },
5216
- {
5217
- "kind": "variable",
5218
- "name": "DisabledRadio",
5219
- "type": {
5220
- "text": "Story"
5221
- },
5222
- "default": "{ args: {}, render() { return html` <w-radio-group> <w-radio value=\"foo\" disabled appearance=\"button\">disabled</w-radio> <w-radio value=\"bar\" appearance=\"clickable\">not disabled</w-radio> </w-radio-group> `; }, }"
5223
- }
5224
- ],
5225
- "exports": [
5226
- {
5227
- "kind": "js",
5228
- "name": "default",
5229
- "declaration": {
5230
- "name": "meta",
5231
- "module": "packages/radio/radio.stories.ts"
5232
- }
5233
- },
5234
- {
5235
- "kind": "js",
5236
- "name": "Default",
5237
- "declaration": {
5238
- "name": "Default",
5239
- "module": "packages/radio/radio.stories.ts"
5240
- }
5241
- },
5242
- {
5243
- "kind": "js",
5244
- "name": "Disabled",
5245
- "declaration": {
5246
- "name": "Disabled",
5247
- "module": "packages/radio/radio.stories.ts"
5248
- }
5249
- },
5250
- {
5251
- "kind": "js",
5252
- "name": "Required",
5253
- "declaration": {
5254
- "name": "Required",
5255
- "module": "packages/radio/radio.stories.ts"
5256
- }
5257
- },
5258
- {
5259
- "kind": "js",
5260
- "name": "DisabledGroup",
5261
- "declaration": {
5262
- "name": "DisabledGroup",
5263
- "module": "packages/radio/radio.stories.ts"
5264
- }
5265
- },
5266
- {
5267
- "kind": "js",
5268
- "name": "DisabledRadio",
5269
- "declaration": {
5270
- "name": "DisabledRadio",
5271
- "module": "packages/radio/radio.stories.ts"
5272
- }
5273
- }
5274
- ]
5275
- },
5276
- {
5277
- "kind": "javascript-module",
5278
- "path": "packages/checkbox/checkbox.ts",
5279
- "declarations": [
5280
- {
5281
- "kind": "class",
5282
- "description": "",
5283
- "name": "WCheckbox",
5284
- "members": [
5285
- {
5286
- "kind": "field",
5287
- "name": "css",
5288
- "type": {
5289
- "text": "array"
5290
- },
5291
- "static": true,
5292
- "default": "[reset, toggleStyles]"
5293
- },
5294
- {
5295
- "kind": "field",
5296
- "name": "shadowRootOptions",
5297
- "type": {
5298
- "text": "object"
5299
- },
5300
- "static": true,
5301
- "default": "{ ...BaseFormAssociatedElement.shadowRootOptions, delegatesFocus: true }"
5302
- },
5303
- {
5304
- "kind": "field",
5305
- "name": "validators",
5306
- "static": true,
5307
- "readonly": true
5308
- },
5309
- {
5310
- "kind": "field",
5311
- "name": "hasSlotController",
5312
- "privacy": "private",
5313
- "readonly": true,
5314
- "default": "new HasSlotController(this, 'hint')"
5315
- },
5316
- {
5317
- "kind": "field",
5318
- "name": "input",
5319
- "type": {
5320
- "text": "HTMLInputElement"
5321
- }
5322
- },
5323
- {
5324
- "kind": "field",
5325
- "name": "title",
5326
- "type": {
5327
- "text": "string"
5328
- },
5329
- "default": "''",
5330
- "attribute": "title"
5331
- },
5332
- {
5333
- "kind": "field",
5334
- "name": "name",
5335
- "type": {
5336
- "text": "string"
5337
- },
5338
- "default": "''",
5339
- "description": "The name of the checkbox, submitted as a name/value pair with form data.",
5340
- "attribute": "name",
5341
- "reflects": true
5342
- },
5343
- {
5344
- "kind": "field",
5345
- "name": "_value",
5346
- "type": {
5347
- "text": "string | null"
5348
- },
5349
- "privacy": "private"
5350
- },
5351
- {
5352
- "kind": "field",
5353
- "name": "value",
5354
- "type": {
5355
- "text": "string | null"
5356
- },
5357
- "description": "The value of the checkbox, submitted as a name/value pair with form data.",
5358
- "attribute": "value",
5359
- "reflects": true
5360
- },
5361
- {
5362
- "kind": "field",
5363
- "name": "size",
5364
- "type": {
5365
- "text": "'small' | 'medium' | 'large'"
5366
- },
5367
- "default": "'medium'",
5368
- "description": "The checkbox's size.",
5369
- "attribute": "size",
5370
- "reflects": true
5371
- },
5372
- {
5373
- "kind": "field",
5374
- "name": "disabled",
5375
- "type": {
5376
- "text": "boolean"
5377
- },
5378
- "default": "false",
5379
- "description": "Disables the checkbox.",
5380
- "attribute": "disabled"
5381
- },
5382
- {
5383
- "kind": "field",
5384
- "name": "indeterminate",
5385
- "type": {
5386
- "text": "boolean"
5387
- },
5388
- "default": "false",
5389
- "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
5390
- "attribute": "indeterminate",
5391
- "reflects": true
5392
- },
5393
- {
5394
- "kind": "field",
5395
- "name": "checked",
5396
- "type": {
5397
- "text": "boolean"
5398
- },
5399
- "description": "Draws the checkbox in a checked state."
5400
- },
5401
- {
5402
- "kind": "field",
5403
- "name": "defaultChecked",
5404
- "type": {
5405
- "text": "boolean"
5406
- },
5407
- "description": "The default value of the form control. Primarily used for resetting the form control.",
5408
- "attribute": "checked",
5409
- "reflects": true
5410
- },
5411
- {
5412
- "kind": "field",
5413
- "name": "form",
5414
- "type": {
5415
- "text": "null"
5416
- },
5417
- "default": "null",
5418
- "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
5419
- "attribute": "form",
5420
- "reflects": true
5421
- },
5422
- {
5423
- "kind": "field",
5424
- "name": "required",
5425
- "type": {
5426
- "text": "boolean"
5427
- },
5428
- "default": "false",
5429
- "description": "Makes the checkbox a required field.",
5430
- "attribute": "required",
5431
- "reflects": true
5432
- },
5433
- {
5434
- "kind": "field",
5435
- "name": "hint",
5436
- "type": {
5437
- "text": "string"
5438
- },
5439
- "default": "''",
5440
- "description": "The checkbox's hint. If you need to display HTML, use the `hint` slot instead.",
5441
- "attribute": "hint"
5442
- },
5443
- {
5444
- "kind": "method",
5445
- "name": "setInitialAttributes",
5446
- "privacy": "private"
5447
- },
5448
- {
5449
- "kind": "method",
5450
- "name": "handleClick",
5451
- "privacy": "private"
5452
- },
5453
- {
5454
- "kind": "method",
5455
- "name": "handleDefaultCheckedChange",
5456
- "type": {
5457
- "text": "handleDefaultCheckedChange() => void"
5458
- }
5459
- },
5460
- {
5461
- "kind": "method",
5462
- "name": "handleValueOrCheckedChange",
5463
- "type": {
5464
- "text": "handleValueOrCheckedChange() => void"
5465
- }
5466
- },
5467
- {
5468
- "kind": "method",
5469
- "name": "handleStateChange",
5470
- "type": {
5471
- "text": "handleStateChange() => void"
5472
- }
5473
- },
5474
- {
5475
- "kind": "method",
5476
- "name": "handleDisabledChange",
5477
- "type": {
5478
- "text": "handleDisabledChange() => void"
5479
- }
5480
- },
5481
- {
5482
- "kind": "method",
5483
- "name": "formResetCallback",
5484
- "type": {
5485
- "text": "formResetCallback() => void"
5486
- }
5487
- },
5488
- {
5489
- "kind": "method",
5490
- "name": "click",
5491
- "description": "Simulates a click on the checkbox.",
5492
- "type": {
5493
- "text": "click() => void"
5494
- }
5495
- },
5496
- {
5497
- "kind": "method",
5498
- "name": "focus",
5499
- "parameters": [
5500
- {
5501
- "name": "options",
5502
- "optional": true,
5503
- "type": {
5504
- "text": "FocusOptions"
5505
- }
5506
- }
5507
- ],
5508
- "description": "Sets focus on the checkbox.",
5509
- "type": {
5510
- "text": "focus(options?: FocusOptions) => void"
5511
- }
5512
- },
5513
- {
5514
- "kind": "method",
5515
- "name": "blur",
5516
- "description": "Removes focus from the checkbox.",
5517
- "type": {
5518
- "text": "blur() => void"
5519
- }
5520
- }
5521
- ],
5522
- "events": [
5523
- {
5524
- "name": "change",
5525
- "type": {
5526
- "text": "Event"
5527
- }
5528
- }
5529
- ],
5530
- "attributes": [
5531
- {
5532
- "name": "title",
5533
- "type": {
5534
- "text": "string"
5535
- },
5536
- "default": "''",
5537
- "fieldName": "title"
5538
- },
5539
- {
5540
- "name": "name",
5541
- "type": {
5542
- "text": "string"
5543
- },
5544
- "default": "''",
5545
- "description": "The name of the checkbox, submitted as a name/value pair with form data.",
5546
- "fieldName": "name"
5547
- },
5548
- {
5549
- "name": "value",
5550
- "type": {
5551
- "text": "string | null"
5552
- },
5553
- "description": "The value of the checkbox, submitted as a name/value pair with form data.",
5554
- "fieldName": "value"
5555
- },
5556
- {
5557
- "name": "size",
5558
- "type": {
5559
- "text": "'small' | 'medium' | 'large'"
5560
- },
5561
- "default": "'medium'",
5562
- "description": "The checkbox's size.",
5563
- "fieldName": "size"
5564
- },
5565
- {
5566
- "name": "disabled",
5567
- "type": {
5568
- "text": "boolean"
5569
- },
5570
- "default": "false",
5571
- "description": "Disables the checkbox.",
5572
- "fieldName": "disabled"
5573
- },
5574
- {
5575
- "name": "indeterminate",
5576
- "type": {
5577
- "text": "boolean"
5578
- },
5579
- "default": "false",
5580
- "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
5581
- "fieldName": "indeterminate"
5582
- },
5583
- {
5584
- "name": "checked",
5585
- "type": {
5586
- "text": "boolean"
5587
- },
5588
- "description": "The default value of the form control. Primarily used for resetting the form control.",
5589
- "fieldName": "defaultChecked"
5590
- },
5591
- {
5592
- "name": "form",
5593
- "type": {
5594
- "text": "null"
5595
- },
5596
- "default": "null",
5597
- "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
5598
- "fieldName": "form"
5599
- },
5600
- {
5601
- "name": "required",
5602
- "type": {
5603
- "text": "boolean"
5604
- },
5605
- "default": "false",
5606
- "description": "Makes the checkbox a required field.",
5607
- "fieldName": "required"
5608
- },
5609
- {
5610
- "name": "hint",
5611
- "type": {
5612
- "text": "string"
5613
- },
5614
- "default": "''",
5615
- "description": "The checkbox's hint. If you need to display HTML, use the `hint` slot instead.",
5616
- "fieldName": "hint"
5617
- }
5618
- ],
5619
- "superclass": {
5620
- "name": "BaseFormAssociatedElement",
5621
- "module": "/packages/radio/form-associated-element"
5622
- },
5623
- "tagName": "w-checkbox",
5624
- "customElement": true,
5625
- "modulePath": "packages/checkbox/checkbox.ts",
5626
- "definitionPath": "packages/checkbox/checkbox.ts"
5627
- }
5628
- ],
5629
- "exports": [
5630
- {
5631
- "kind": "js",
5632
- "name": "WCheckbox",
5633
- "declaration": {
5634
- "name": "WCheckbox",
5635
- "module": "packages/checkbox/checkbox.ts"
5636
- }
5637
- },
5638
- {
5639
- "kind": "custom-element-definition",
5640
- "name": "w-checkbox",
5641
- "declaration": {
5642
- "name": "WCheckbox",
5643
- "module": "packages/checkbox/checkbox.ts"
5644
- }
5645
- }
5646
- ]
5647
- },
5648
- {
5649
- "kind": "javascript-module",
5650
- "path": "packages/checkbox/checkbox-group.ts",
5651
- "declarations": [
5652
- {
5653
- "kind": "class",
5654
- "description": "",
5655
- "name": "WCheckboxGroup",
5656
- "members": [],
5657
- "superclass": {
5658
- "name": "LitElement",
5659
- "package": "lit"
5660
- },
5661
- "tagName": "w-checkbox-group",
5662
- "customElement": true,
5663
- "modulePath": "packages/checkbox/checkbox-group.ts",
5664
- "definitionPath": "packages/checkbox/checkbox-group.ts"
5665
- }
5666
- ],
5667
- "exports": [
5668
- {
5669
- "kind": "js",
5670
- "name": "WCheckboxGroup",
5671
- "declaration": {
5672
- "name": "WCheckboxGroup",
5673
- "module": "packages/checkbox/checkbox-group.ts"
5674
- }
5675
- },
5676
- {
5677
- "kind": "custom-element-definition",
5678
- "name": "w-checkbox-group",
5679
- "declaration": {
5680
- "name": "WCheckboxGroup",
5681
- "module": "packages/checkbox/checkbox-group.ts"
5682
- }
5683
- }
5684
- ]
5685
- },
5686
- {
5687
- "kind": "javascript-module",
5688
- "path": "packages/slider/slider-thumb.ts",
5689
- "declarations": [
5690
- {
5691
- "kind": "class",
5692
- "description": "Component to place inside a `<w-slider>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
5693
- "name": "WarpSliderThumb",
5694
- "members": [
5695
- {
5696
- "kind": "field",
5697
- "name": "shadowRootOptions",
5698
- "type": {
5699
- "text": "object"
5700
- },
5701
- "static": true,
5702
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
5703
- },
5704
- {
5705
- "kind": "field",
5706
- "name": "ariaLabel",
5707
- "type": {
5708
- "text": "string"
5709
- },
5710
- "attribute": "aria-label",
5711
- "reflects": true
5712
- },
5713
- {
5714
- "kind": "field",
5715
- "name": "ariaDescription",
5716
- "type": {
5717
- "text": "string"
5718
- },
5719
- "attribute": "aria-description",
5720
- "reflects": true
5721
- },
5722
- {
5723
- "kind": "field",
5724
- "name": "label",
5725
- "type": {
5726
- "text": "string"
5727
- },
5728
- "attribute": "label",
5729
- "reflects": true
5730
- },
5731
- {
5732
- "kind": "field",
5733
- "name": "name",
5734
- "type": {
5735
- "text": "string"
5736
- },
5737
- "attribute": "name",
5738
- "reflects": true
5739
- },
5740
- {
5741
- "kind": "field",
5742
- "name": "value",
5743
- "type": {
5744
- "text": "string"
5745
- },
5746
- "attribute": "value",
5747
- "reflects": true
5748
- },
5749
- {
5750
- "kind": "field",
5751
- "name": "disabled",
5752
- "type": {
5753
- "text": "boolean"
5754
- },
5755
- "attribute": "disabled",
5756
- "reflects": true
5757
- },
5758
- {
5759
- "kind": "field",
5760
- "name": "invalid",
5761
- "type": {
5762
- "text": "boolean"
5763
- },
5764
- "default": "false",
5765
- "attribute": "invalid",
5766
- "reflects": true
5767
- },
5768
- {
5769
- "kind": "field",
5770
- "name": "allowValuesOutsideRange",
5771
- "type": {
5772
- "text": "boolean"
5773
- },
5774
- "default": "false",
5775
- "description": "Set by `<w-slider>`"
5776
- },
5777
- {
5778
- "kind": "field",
5779
- "name": "markers",
5780
- "type": {
5781
- "text": "string"
5782
- },
5783
- "description": "Set by `<w-slider>`"
5784
- },
5785
- {
5786
- "kind": "field",
5787
- "name": "required",
5788
- "type": {
5789
- "text": "boolean"
5790
- },
5791
- "description": "Set by `<w-slider>`"
5792
- },
5793
- {
5794
- "kind": "field",
5795
- "name": "step",
5796
- "type": {
5797
- "text": "number"
5798
- },
5799
- "description": "Set by `<w-slider>`"
5800
- },
5801
- {
5802
- "kind": "field",
5803
- "name": "min",
5804
- "type": {
5805
- "text": "string"
5806
- },
5807
- "description": "Set by `<w-slider>`"
5808
- },
5809
- {
5810
- "kind": "field",
5811
- "name": "max",
5812
- "type": {
5813
- "text": "string"
5814
- },
5815
- "description": "Set by `<w-slider>`"
5816
- },
5817
- {
5818
- "kind": "field",
5819
- "name": "suffix",
5820
- "type": {
5821
- "text": "string"
5822
- },
5823
- "default": "''",
5824
- "description": "Set by `<w-slider>`"
5825
- },
5826
- {
5827
- "kind": "field",
5828
- "name": "formatter",
5829
- "type": {
5830
- "text": "(value: string, type: 'from' | 'to') => string"
5831
- },
5832
- "description": "JS hook to help you format the numeric value how you want."
5833
- },
5834
- {
5835
- "kind": "field",
5836
- "name": "range",
5837
- "type": {
5838
- "text": "HTMLInputElement"
5839
- }
5840
- },
5841
- {
5842
- "kind": "field",
5843
- "name": "textfield",
5844
- "type": {
5845
- "text": "WarpTextField"
5846
- }
5847
- },
5848
- {
5849
- "kind": "field",
5850
- "name": "#initialValue",
5851
- "privacy": "private",
5852
- "type": {
5853
- "text": "string | null"
5854
- },
5855
- "default": "null"
5856
- },
5857
- {
5858
- "kind": "method",
5859
- "name": "resetFormControl",
5860
- "return": {
5861
- "type": {
5862
- "text": "void"
5863
- }
5864
- },
5865
- "type": {
5866
- "text": "resetFormControl() => void"
5867
- }
5868
- },
5869
- {
5870
- "kind": "method",
5871
- "name": "#showTooltip",
5872
- "privacy": "private",
5873
- "return": {
5874
- "type": {
5875
- "text": "void"
5876
- }
5877
- }
5878
- },
5879
- {
5880
- "kind": "method",
5881
- "name": "#hideTooltip",
5882
- "privacy": "private",
5883
- "return": {
5884
- "type": {
5885
- "text": "void"
5886
- }
5887
- }
5888
- },
5889
- {
5890
- "kind": "method",
5891
- "name": "#syncRangeValue",
5892
- "privacy": "private",
5893
- "return": {
5894
- "type": {
5895
- "text": "void"
5896
- }
5897
- }
5898
- },
5899
- {
5900
- "kind": "method",
5901
- "name": "#handleValidity",
5902
- "privacy": "private",
5903
- "parameters": [
5904
- {
5905
- "name": "error",
5906
- "type": {
5907
- "text": "string"
5908
- }
5909
- }
5910
- ]
5911
- },
5912
- {
5913
- "kind": "method",
5914
- "name": "updateFieldAfterValidation",
5915
- "type": {
5916
- "text": "updateFieldAfterValidation() => void"
5917
- }
5918
- },
5919
- {
5920
- "kind": "method",
5921
- "name": "#handleValueChange",
5922
- "privacy": "private",
5923
- "return": {
5924
- "type": {
5925
- "text": "Promise<{ shouldCancel: boolean; originalValue?: string }>"
5926
- }
5927
- },
5928
- "parameters": [
5929
- {
5930
- "name": "value",
5931
- "type": {
5932
- "text": "string"
5933
- }
5934
- },
5935
- {
5936
- "name": "isFromTextInput",
5937
- "type": {
5938
- "text": "boolean"
5939
- }
5940
- }
5941
- ]
5942
- },
5943
- {
5944
- "kind": "method",
5945
- "name": "#onInput",
5946
- "privacy": "private",
5947
- "return": {
5948
- "type": {
5949
- "text": "Promise<boolean>"
5950
- }
5951
- },
5952
- "parameters": [
5953
- {
5954
- "name": "e",
5955
- "type": {
5956
- "text": "InputEvent | CustomEvent"
5957
- }
5958
- }
5959
- ]
5960
- },
5961
- {
5962
- "kind": "method",
5963
- "name": "#onRangeSliderKeyDown",
5964
- "privacy": "private",
5965
- "return": {
5966
- "type": {
5967
- "text": "Promise<void>"
5968
- }
5969
- },
5970
- "parameters": [
5971
- {
5972
- "name": "e",
5973
- "type": {
5974
- "text": "KeyboardEvent"
5975
- }
5976
- }
5977
- ]
5978
- },
5979
- {
5980
- "kind": "method",
5981
- "name": "#onTextFieldFocus",
5982
- "privacy": "private",
5983
- "parameters": [
5984
- {
5985
- "name": "e"
5986
- }
5987
- ]
5988
- },
5989
- {
5990
- "kind": "method",
5991
- "name": "#onTextFieldBlur",
5992
- "privacy": "private",
5993
- "parameters": [
5994
- {
5995
- "name": "e"
5996
- }
5997
- ]
5998
- },
5999
- {
6000
- "kind": "field",
6001
- "name": "boundaryValue",
6002
- "type": {
6003
- "text": "string"
6004
- },
6005
- "readonly": true
6006
- },
6007
- {
6008
- "kind": "field",
6009
- "name": "textFieldDisplayValue",
6010
- "description": "Value to display in the textfield (shows boundary when focused on empty value)",
6011
- "readonly": true
6012
- },
6013
- {
6014
- "kind": "field",
6015
- "name": "tooltipDisplayValue",
6016
- "type": {
6017
- "text": "string | number"
6018
- },
6019
- "description": "Value to display in the tooltip",
6020
- "readonly": true
6021
- }
6022
- ],
6023
- "events": [
6024
- {
6025
- "name": "slidervalidity",
6026
- "type": {
6027
- "text": "CustomEvent"
6028
- }
6029
- }
6030
- ],
6031
- "attributes": [
6032
- {
6033
- "name": "aria-label",
6034
- "type": {
6035
- "text": "string"
6036
- },
6037
- "fieldName": "ariaLabel"
6038
- },
6039
- {
6040
- "name": "aria-description",
6041
- "type": {
6042
- "text": "string"
6043
- },
6044
- "fieldName": "ariaDescription"
6045
- },
6046
- {
6047
- "name": "label",
6048
- "type": {
6049
- "text": "string"
6050
- },
6051
- "fieldName": "label"
6052
- },
6053
- {
6054
- "name": "name",
6055
- "type": {
6056
- "text": "string"
6057
- },
6058
- "fieldName": "name"
6059
- },
6060
- {
6061
- "name": "value",
6062
- "type": {
6063
- "text": "string"
6064
- },
6065
- "fieldName": "value"
6066
- },
6067
- {
6068
- "name": "disabled",
6069
- "type": {
6070
- "text": "boolean"
6071
- },
6072
- "fieldName": "disabled"
6073
- },
6074
- {
6075
- "name": "invalid",
6076
- "type": {
6077
- "text": "boolean"
6078
- },
6079
- "default": "false",
6080
- "fieldName": "invalid"
6081
- }
6082
- ],
6083
- "mixins": [
6084
- {
6085
- "name": "FormControlMixin",
6086
- "package": "@open-wc/form-control"
6087
- }
6088
- ],
6089
- "superclass": {
6090
- "name": "LitElement",
6091
- "package": "lit"
6092
- },
6093
- "tagName": "w-slider-thumb",
6094
- "customElement": true,
6095
- "modulePath": "packages/slider/slider-thumb.ts",
6096
- "definitionPath": "packages/slider/slider-thumb.ts"
6097
- }
6098
- ],
6099
- "exports": [
6100
- {
6101
- "kind": "custom-element-definition",
6102
- "name": "w-slider-thumb",
6103
- "declaration": {
6104
- "name": "WarpSliderThumb",
6105
- "module": "packages/slider/slider-thumb.ts"
6106
- }
6107
- },
6108
- {
6109
- "kind": "js",
6110
- "name": "WarpSliderThumb",
6111
- "declaration": {
6112
- "name": "WarpSliderThumb",
6113
- "module": "packages/slider/slider-thumb.ts"
6114
- }
6115
- }
6116
- ]
6117
- },
6118
- {
6119
- "kind": "javascript-module",
6120
- "path": "packages/slider/slider.ts",
6121
- "declarations": [
6122
- {
6123
- "kind": "class",
6124
- "description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
6125
- "name": "WarpSlider",
6126
- "slots": [
6127
- {
6128
- "description": "For single sliders place a `<w-slider-thumb>` in the default slot.",
6129
- "name": ""
6130
- },
6131
- {
6132
- "description": "Label for the slider or range slider as a whole.",
6133
- "name": "label"
6134
- },
6135
- {
6136
- "description": "Optional description between the label and slider.",
6137
- "name": "description"
6138
- },
6139
- {
6140
- "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
6141
- "name": "from"
6142
- },
6143
- {
6144
- "description": "Range sliders need to place a `<w-slider-thumb>` in the from and to slots.",
6145
- "name": "to"
6146
- }
6147
- ],
6148
- "members": [
6149
- {
6150
- "kind": "field",
6151
- "name": "shadowRootOptions",
6152
- "type": {
6153
- "text": "object"
6154
- },
6155
- "static": true,
6156
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
6157
- },
6158
- {
6159
- "kind": "field",
6160
- "name": "label",
6161
- "type": {
6162
- "text": "string"
6163
- },
6164
- "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
6165
- "attribute": "label",
6166
- "reflects": true
6167
- },
6168
- {
6169
- "kind": "field",
6170
- "name": "disabled",
6171
- "type": {
6172
- "text": "boolean"
6173
- },
6174
- "default": "false",
6175
- "attribute": "disabled",
6176
- "reflects": true
6177
- },
6178
- {
6179
- "kind": "field",
6180
- "name": "allowValuesOutsideRange",
6181
- "type": {
6182
- "text": "boolean"
6183
- },
6184
- "default": "false",
6185
- "attribute": "allow-values-outside-range"
6186
- },
6187
- {
6188
- "kind": "field",
6189
- "name": "error",
6190
- "type": {
6191
- "text": "string"
6192
- },
6193
- "default": "''",
6194
- "attribute": "error",
6195
- "reflects": true
6196
- },
6197
- {
6198
- "kind": "field",
6199
- "name": "helpText",
6200
- "type": {
6201
- "text": "string"
6202
- },
6203
- "default": "''",
6204
- "attribute": "help-text",
6205
- "reflects": true
6206
- },
6207
- {
6208
- "kind": "field",
6209
- "name": "invalid",
6210
- "type": {
6211
- "text": "boolean"
6212
- },
6213
- "default": "false",
6214
- "attribute": "invalid",
6215
- "reflects": true
6216
- },
6217
- {
6218
- "kind": "field",
6219
- "name": "required",
6220
- "type": {
6221
- "text": "boolean"
6222
- },
6223
- "default": "false",
6224
- "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
6225
- "attribute": "required",
6226
- "reflects": true
6227
- },
6228
- {
6229
- "kind": "field",
6230
- "name": "min",
6231
- "type": {
6232
- "text": "string"
6233
- },
6234
- "attribute": "min",
6235
- "reflects": true
6236
- },
6237
- {
6238
- "kind": "field",
6239
- "name": "max",
6240
- "type": {
6241
- "text": "string"
6242
- },
6243
- "attribute": "max",
6244
- "reflects": true
6245
- },
6246
- {
6247
- "kind": "field",
6248
- "name": "markers",
6249
- "type": {
6250
- "text": "number"
6251
- },
6252
- "description": "Pass a value similar to step to create visual markers at that interval",
6253
- "attribute": "markers",
6254
- "reflects": true
6255
- },
6256
- {
6257
- "kind": "field",
6258
- "name": "step",
6259
- "type": {
6260
- "text": "number"
6261
- },
6262
- "attribute": "step",
6263
- "reflects": true
6264
- },
6265
- {
6266
- "kind": "field",
6267
- "name": "suffix",
6268
- "type": {
6269
- "text": "string"
6270
- },
6271
- "default": "''",
6272
- "description": "Suffix used in text input fields and for the min and max values of the slider.",
6273
- "attribute": "suffix",
6274
- "reflects": true
6275
- },
6276
- {
6277
- "kind": "field",
6278
- "name": "formatter",
6279
- "type": {
6280
- "text": "(value: string, type: 'to' | 'from') => string"
6281
- },
6282
- "description": "Function to format the to- and from labels and value in the slider thumb tooltip."
6283
- },
6284
- {
6285
- "kind": "field",
6286
- "name": "_invalidMessage",
6287
- "type": {
6288
- "text": "string"
6289
- },
6290
- "default": "''"
6291
- },
6292
- {
6293
- "kind": "field",
6294
- "name": "_hasInternalError",
6295
- "type": {
6296
- "text": "boolean"
6297
- },
6298
- "default": "false"
6299
- },
6300
- {
6301
- "kind": "method",
6302
- "name": "#syncSliderThumbs",
6303
- "privacy": "private",
6304
- "return": {
6305
- "type": {
6306
- "text": "void"
6307
- }
6308
- }
6309
- },
6310
- {
6311
- "kind": "field",
6312
- "name": "edgeMin",
6313
- "readonly": true
6314
- },
6315
- {
6316
- "kind": "field",
6317
- "name": "edgeMax",
6318
- "readonly": true
6319
- },
6320
- {
6321
- "kind": "method",
6322
- "name": "#onInput",
6323
- "privacy": "private",
6324
- "parameters": [
6325
- {
6326
- "name": "e",
6327
- "type": {
6328
- "text": "InputEvent"
6329
- }
6330
- }
6331
- ]
6332
- },
6333
- {
6334
- "kind": "method",
6335
- "name": "#doValidation",
6336
- "privacy": "private"
6337
- },
6338
- {
6339
- "kind": "method",
6340
- "name": "#onSliderValidity",
6341
- "privacy": "private",
6342
- "parameters": [
6343
- {
6344
- "name": "e",
6345
- "type": {
6346
- "text": "CustomEvent"
6347
- }
6348
- }
6349
- ]
6350
- },
6351
- {
6352
- "kind": "method",
6353
- "name": "#getEdgeValue",
6354
- "privacy": "private",
6355
- "return": {
6356
- "type": {
6357
- "text": "string"
6358
- }
6359
- },
6360
- "parameters": [
6361
- {
6362
- "name": "boundary",
6363
- "type": {
6364
- "text": "string"
6365
- }
6366
- },
6367
- {
6368
- "name": "input",
6369
- "type": {
6370
- "text": "WarpSliderThumb"
6371
- }
6372
- }
6373
- ]
6374
- },
6375
- {
6376
- "kind": "method",
6377
- "name": "#updateActiveTrack",
6378
- "privacy": "private",
6379
- "parameters": [
6380
- {
6381
- "name": "input",
6382
- "type": {
6383
- "text": "WarpSliderThumb"
6384
- }
6385
- }
6386
- ],
6387
- "description": "We use CSS variables to fill the active track with a background color."
6388
- },
6389
- {
6390
- "kind": "field",
6391
- "name": "componentHasError",
6392
- "type": {
6393
- "text": "boolean"
6394
- },
6395
- "readonly": true
6396
- },
6397
- {
6398
- "kind": "field",
6399
- "name": "errorText",
6400
- "type": {
6401
- "text": "string"
6402
- },
6403
- "readonly": true
6404
- }
6405
- ],
6406
- "attributes": [
6407
- {
6408
- "name": "label",
6409
- "type": {
6410
- "text": "string"
6411
- },
6412
- "description": "The slider fieldset label. Required for proper accessibility.\n\nIf you need to display HTML, use the `label` slot instead.",
6413
- "fieldName": "label"
6414
- },
6415
- {
6416
- "name": "disabled",
6417
- "type": {
6418
- "text": "boolean"
6419
- },
6420
- "default": "false",
6421
- "fieldName": "disabled"
6422
- },
6423
- {
6424
- "name": "allow-values-outside-range",
6425
- "type": {
6426
- "text": "boolean"
6427
- },
6428
- "default": "false",
6429
- "fieldName": "allowValuesOutsideRange"
6430
- },
6431
- {
6432
- "name": "error",
6433
- "type": {
6434
- "text": "string"
6435
- },
6436
- "default": "''",
6437
- "fieldName": "error"
6438
- },
6439
- {
6440
- "name": "help-text",
6441
- "type": {
6442
- "text": "string"
6443
- },
6444
- "default": "''",
6445
- "fieldName": "helpText"
6446
- },
6447
- {
6448
- "name": "invalid",
6449
- "type": {
6450
- "text": "boolean"
6451
- },
6452
- "default": "false",
6453
- "fieldName": "invalid"
6454
- },
6455
- {
6456
- "name": "required",
6457
- "type": {
6458
- "text": "boolean"
6459
- },
6460
- "default": "false",
6461
- "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
6462
- "fieldName": "required"
6463
- },
6464
- {
6465
- "name": "min",
6466
- "type": {
6467
- "text": "string"
6468
- },
6469
- "fieldName": "min"
6470
- },
6471
- {
6472
- "name": "max",
6473
- "type": {
6474
- "text": "string"
6475
- },
6476
- "fieldName": "max"
6477
- },
6478
- {
6479
- "name": "markers",
6480
- "type": {
6481
- "text": "number"
6482
- },
6483
- "description": "Pass a value similar to step to create visual markers at that interval",
6484
- "fieldName": "markers"
6485
- },
6486
- {
6487
- "name": "step",
6488
- "type": {
6489
- "text": "number"
6490
- },
6491
- "fieldName": "step"
6492
- },
6493
- {
6494
- "name": "suffix",
6495
- "type": {
6496
- "text": "string"
6497
- },
6498
- "default": "''",
6499
- "description": "Suffix used in text input fields and for the min and max values of the slider.",
6500
- "fieldName": "suffix"
6501
- }
6502
- ],
6503
- "superclass": {
6504
- "name": "LitElement",
6505
- "package": "lit"
6506
- },
6507
- "tagName": "w-slider",
6508
- "customElement": true,
6509
- "modulePath": "packages/slider/slider.ts",
6510
- "definitionPath": "packages/slider/slider.ts"
6511
- }
6512
- ],
6513
- "exports": [
6514
- {
6515
- "kind": "custom-element-definition",
6516
- "name": "w-slider",
6517
- "declaration": {
6518
- "name": "WarpSlider",
6519
- "module": "packages/slider/slider.ts"
6520
- }
6521
- },
6522
- {
6523
- "kind": "js",
6524
- "name": "WarpSlider",
6525
- "declaration": {
6526
- "name": "WarpSlider",
6527
- "module": "packages/slider/slider.ts"
6528
- }
6529
- }
6530
- ]
6531
- },
6532
- {
6533
- "kind": "javascript-module",
6534
- "path": "packages/stepindicator/index.ts",
6535
- "declarations": [
6536
- {
6537
- "kind": "class",
6538
- "description": "Steps are used to show progress through a process or to guide users through a multi-step task.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/components-steps--docs)",
6539
- "name": "WarpStepIndicator",
6540
- "members": [
6541
- {
6542
- "kind": "field",
6543
- "name": "horizontal",
6544
- "type": {
6545
- "text": "boolean"
6546
- },
6547
- "default": "false",
6548
- "attribute": "horizontal",
6549
- "reflects": true
6550
- },
6551
- {
6552
- "kind": "field",
6553
- "name": "right",
6554
- "type": {
6555
- "text": "boolean"
6556
- },
6557
- "default": "false",
6558
- "attribute": "right",
6559
- "reflects": true
6560
- },
6561
- {
6562
- "kind": "method",
6563
- "name": "updateStepsContext",
6564
- "type": {
6565
- "text": "updateStepsContext() => void"
6566
- }
6567
- }
6568
- ],
6569
- "attributes": [
6570
- {
6571
- "name": "horizontal",
6572
- "type": {
6573
- "text": "boolean"
6574
- },
6575
- "default": "false",
6576
- "fieldName": "horizontal"
6577
- },
6578
- {
6579
- "name": "right",
6580
- "type": {
6581
- "text": "boolean"
6582
- },
6583
- "default": "false",
6584
- "fieldName": "right"
6585
- }
6586
- ],
6587
- "superclass": {
6588
- "name": "LitElement",
6589
- "package": "lit"
6590
- },
6591
- "tagName": "w-step-indicator",
6592
- "customElement": true,
6593
- "modulePath": "packages/stepindicator/index.ts",
6594
- "definitionPath": "packages/stepindicator/index.ts"
6595
- },
6596
- {
6597
- "kind": "class",
6598
- "description": "Individual step component that shows a single step in a process",
6599
- "name": "WarpStep",
6600
- "members": [
6601
- {
6602
- "kind": "field",
6603
- "name": "active",
6604
- "type": {
6605
- "text": "boolean"
6606
- },
6607
- "default": "false",
6608
- "attribute": "active",
6609
- "reflects": true
6610
- },
6611
- {
6612
- "kind": "field",
6613
- "name": "completed",
6614
- "type": {
6615
- "text": "boolean"
6616
- },
6617
- "default": "false",
6618
- "attribute": "completed",
6619
- "reflects": true
6620
- },
6621
- {
6622
- "kind": "field",
6623
- "name": "_context",
6624
- "type": {
6625
- "text": "StepsContext"
6626
- },
6627
- "privacy": "private",
6628
- "default": "{ horizontal: false, right: false, isLast: false, isFirst: false }"
6629
- },
6630
- {
6631
- "kind": "method",
6632
- "name": "setContext",
6633
- "parameters": [
6634
- {
6635
- "name": "context",
6636
- "type": {
6637
- "text": "StepsContext"
6638
- }
6639
- }
6640
- ],
6641
- "type": {
6642
- "text": "setContext(context: StepsContext) => void"
6643
- }
6644
- },
6645
- {
6646
- "kind": "method",
6647
- "name": "getAriaLabel",
6648
- "type": {
6649
- "text": "getAriaLabel() => void"
6650
- }
6651
- }
6652
- ],
6653
- "attributes": [
6654
- {
6655
- "name": "active",
6656
- "type": {
6657
- "text": "boolean"
6658
- },
6659
- "default": "false",
6660
- "fieldName": "active"
6661
- },
6662
- {
6663
- "name": "completed",
6664
- "type": {
6665
- "text": "boolean"
6666
- },
6667
- "default": "false",
6668
- "fieldName": "completed"
6669
- }
6670
- ],
6671
- "superclass": {
6672
- "name": "LitElement",
6673
- "package": "lit"
6674
- },
6675
- "tagName": "w-step",
6676
- "customElement": true,
6677
- "modulePath": "packages/stepindicator/index.ts",
6678
- "definitionPath": "packages/stepindicator/index.ts"
6679
- }
6680
- ],
6681
- "exports": [
6682
- {
6683
- "kind": "custom-element-definition",
6684
- "name": "w-step-indicator",
6685
- "declaration": {
6686
- "name": "WarpStepIndicator",
6687
- "module": "packages/stepindicator/index.ts"
6688
- }
6689
- },
6690
- {
6691
- "kind": "custom-element-definition",
6692
- "name": "w-step",
6693
- "declaration": {
6694
- "name": "WarpStep",
6695
- "module": "packages/stepindicator/index.ts"
6696
- }
6697
- },
6698
- {
6699
- "kind": "js",
6700
- "name": "WarpStepIndicator",
6701
- "declaration": {
6702
- "name": "WarpStepIndicator",
6703
- "module": "packages/stepindicator/index.ts"
6704
- }
6705
- },
6706
- {
6707
- "kind": "js",
6708
- "name": "WarpStep",
6709
- "declaration": {
6710
- "name": "WarpStep",
6711
- "module": "packages/stepindicator/index.ts"
6712
- }
6713
- }
6714
- ]
6715
- },
6716
- {
6717
- "kind": "javascript-module",
6718
- "path": "packages/switch/index.ts",
6719
- "declarations": [
6720
- {
6721
- "kind": "class",
6722
- "description": "",
6723
- "name": "WarpSwitch",
6724
- "members": [
6725
- {
6726
- "kind": "field",
6727
- "name": "name",
6728
- "type": {
6729
- "text": "string"
6730
- },
6731
- "default": "''",
6732
- "attribute": "name",
6733
- "reflects": true
6734
- },
6735
- {
6736
- "kind": "field",
6737
- "name": "value",
6738
- "type": {
6739
- "text": "string"
6740
- },
6741
- "default": "''",
6742
- "attribute": "value",
6743
- "reflects": true
6744
- },
6745
- {
6746
- "kind": "field",
6747
- "name": "checked",
6748
- "type": {
6749
- "text": "boolean"
6750
- },
6751
- "default": "false",
6752
- "attribute": "checked",
6753
- "reflects": true
6754
- },
6755
- {
6756
- "kind": "field",
6757
- "name": "disabled",
6758
- "type": {
6759
- "text": "boolean"
6760
- },
6761
- "default": "false",
6762
- "attribute": "disabled",
6763
- "reflects": true
6764
- },
6765
- {
6766
- "kind": "field",
6767
- "name": "#initialState",
6768
- "privacy": "private",
6769
- "type": {
6770
- "text": "boolean | null"
6771
- },
6772
- "default": "null"
6773
- },
6774
- {
6775
- "kind": "method",
6776
- "name": "resetFormControl",
6777
- "return": {
6778
- "type": {
6779
- "text": "void"
6780
- }
6781
- },
6782
- "type": {
6783
- "text": "resetFormControl() => void"
6784
- }
6785
- }
6786
- ],
6787
- "events": [
6788
- {
6789
- "name": "change",
6790
- "type": {
6791
- "text": "CustomEvent"
6792
- }
6793
- }
6794
- ],
6795
- "attributes": [
6796
- {
6797
- "name": "name",
6798
- "type": {
6799
- "text": "string"
6800
- },
6801
- "default": "''",
6802
- "fieldName": "name"
6803
- },
6804
- {
6805
- "name": "value",
6806
- "type": {
6807
- "text": "string"
6808
- },
6809
- "default": "''",
6810
- "fieldName": "value"
6811
- },
6812
- {
6813
- "name": "checked",
6814
- "type": {
6815
- "text": "boolean"
6816
- },
6817
- "default": "false",
6818
- "fieldName": "checked"
6819
- },
6820
- {
6821
- "name": "disabled",
6822
- "type": {
6823
- "text": "boolean"
6824
- },
6825
- "default": "false",
6826
- "fieldName": "disabled"
6827
- }
6828
- ],
6829
- "mixins": [
6830
- {
6831
- "name": "FormControlMixin",
6832
- "package": "@open-wc/form-control"
6833
- }
6834
- ],
6835
- "superclass": {
6836
- "name": "LitElement",
6837
- "package": "lit"
6838
- },
6839
- "tagName": "w-switch",
6840
- "customElement": true,
6841
- "modulePath": "packages/switch/index.ts",
6842
- "definitionPath": "packages/switch/index.ts"
6843
- }
6844
- ],
6845
- "exports": [
6846
- {
6847
- "kind": "js",
6848
- "name": "WarpSwitch",
6849
- "declaration": {
6850
- "name": "WarpSwitch",
6851
- "module": "packages/switch/index.ts"
6852
- }
6853
- },
6854
- {
6855
- "kind": "custom-element-definition",
6856
- "name": "w-switch",
6857
- "declaration": {
6858
- "name": "WarpSwitch",
6859
- "module": "packages/switch/index.ts"
6860
- }
6861
- }
6862
- ]
6863
- },
6864
- {
6865
- "kind": "javascript-module",
6866
- "path": "packages/tabs/tab.ts",
6867
- "declarations": [
6868
- {
6869
- "kind": "class",
6870
- "description": "Individual tab component used within w-tabs container.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
6871
- "name": "WarpTab",
6872
- "members": [
6873
- {
6874
- "kind": "field",
6875
- "name": "name",
6876
- "type": {
6877
- "text": "string"
6878
- },
6879
- "attribute": "name",
6880
- "reflects": true
6881
- },
6882
- {
6883
- "kind": "field",
6884
- "name": "label",
6885
- "type": {
6886
- "text": "string"
6887
- },
6888
- "default": "''",
6889
- "attribute": "label",
6890
- "reflects": true
6891
- },
6892
- {
6893
- "kind": "field",
6894
- "name": "active",
6895
- "type": {
6896
- "text": "boolean"
6897
- },
6898
- "default": "false",
6899
- "attribute": "active",
6900
- "reflects": true
6901
- },
6902
- {
6903
- "kind": "field",
6904
- "name": "over",
6905
- "type": {
6906
- "text": "boolean"
6907
- },
6908
- "default": "false",
6909
- "attribute": "over",
6910
- "reflects": true
6911
- },
6912
- {
6913
- "kind": "field",
6914
- "name": "tabClass",
6915
- "type": {
6916
- "text": "string"
6917
- },
6918
- "default": "''",
6919
- "attribute": "tab-class",
6920
- "reflects": true
6921
- },
6922
- {
6923
- "kind": "field",
6924
- "name": "_handleClick",
6925
- "privacy": "private"
6926
- },
6927
- {
6928
- "kind": "field",
6929
- "name": "_classes",
6930
- "privacy": "private",
6931
- "readonly": true
6932
- },
6933
- {
6934
- "kind": "field",
6935
- "name": "_hasChildren",
6936
- "privacy": "private",
6937
- "readonly": true
6938
- }
6939
- ],
6940
- "attributes": [
6941
- {
6942
- "name": "name",
6943
- "type": {
6944
- "text": "string"
6945
- },
6946
- "fieldName": "name"
6947
- },
6948
- {
6949
- "name": "label",
6950
- "type": {
6951
- "text": "string"
6952
- },
6953
- "default": "''",
6954
- "fieldName": "label"
6955
- },
6956
- {
6957
- "name": "active",
6958
- "type": {
6959
- "text": "boolean"
6960
- },
6961
- "default": "false",
6962
- "fieldName": "active"
6963
- },
6964
- {
6965
- "name": "over",
6966
- "type": {
6967
- "text": "boolean"
6968
- },
6969
- "default": "false",
6970
- "fieldName": "over"
6971
- },
6972
- {
6973
- "name": "tab-class",
6974
- "type": {
6975
- "text": "string"
6976
- },
6977
- "default": "''",
6978
- "fieldName": "tabClass"
6979
- }
6980
- ],
6981
- "superclass": {
6982
- "name": "LitElement",
6983
- "package": "lit"
6984
- },
6985
- "tagName": "w-tab",
6986
- "customElement": true,
6987
- "modulePath": "packages/tabs/tab.ts",
6988
- "definitionPath": "packages/tabs/tab.ts"
6989
- }
6990
- ],
6991
- "exports": [
6992
- {
6993
- "kind": "js",
6994
- "name": "WarpTab",
6995
- "declaration": {
6996
- "name": "WarpTab",
6997
- "module": "packages/tabs/tab.ts"
6998
- }
6999
- },
7000
- {
7001
- "kind": "custom-element-definition",
7002
- "name": "w-tab",
7003
- "declaration": {
7004
- "name": "WarpTab",
7005
- "module": "packages/tabs/tab.ts"
7006
- }
7007
- }
7008
- ]
7009
- },
7010
- {
7011
- "kind": "javascript-module",
7012
- "path": "packages/tabs/tabs.ts",
7013
- "declarations": [
7014
- {
7015
- "kind": "class",
7016
- "description": "Tabs are used to organize content by grouping similar information on the same page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
7017
- "name": "WarpTabs",
7018
- "members": [
7019
- {
7020
- "kind": "field",
7021
- "name": "active",
7022
- "type": {
7023
- "text": "string"
7024
- },
7025
- "default": "''",
7026
- "attribute": "active",
7027
- "reflects": true
7028
- },
7029
- {
7030
- "kind": "field",
7031
- "name": "tabClass",
7032
- "type": {
7033
- "text": "string"
7034
- },
7035
- "default": "''",
7036
- "attribute": "tab-class",
7037
- "reflects": true
7038
- },
7039
- {
7040
- "kind": "field",
7041
- "name": "tabList",
7042
- "type": {
7043
- "text": "HTMLElement"
7044
- },
7045
- "privacy": "private"
7046
- },
7047
- {
7048
- "kind": "field",
7049
- "name": "selectionIndicator",
7050
- "type": {
7051
- "text": "HTMLElement"
7052
- },
7053
- "privacy": "private"
7054
- },
7055
- {
7056
- "kind": "field",
7057
- "name": "_activeTab",
7058
- "type": {
7059
- "text": "string"
7060
- },
7061
- "privacy": "private",
7062
- "default": "''"
7063
- },
7064
- {
7065
- "kind": "field",
7066
- "name": "_resizeObserver",
7067
- "type": {
7068
- "text": "ResizeObserver | undefined"
7069
- },
7070
- "privacy": "private"
7071
- },
7072
- {
7073
- "kind": "field",
7074
- "name": "_updateSelectionIndicatorDebounced",
7075
- "privacy": "private"
7076
- },
7077
- {
7078
- "kind": "field",
7079
- "name": "tabs",
7080
- "readonly": true
7081
- },
7082
- {
7083
- "kind": "field",
7084
- "name": "activeTab",
7085
- "readonly": true
7086
- },
7087
- {
7088
- "kind": "method",
7089
- "name": "_initializeActiveTab",
7090
- "privacy": "private"
7091
- },
7092
- {
7093
- "kind": "field",
7094
- "name": "_handleTabClick",
7095
- "privacy": "private"
7096
- },
7097
- {
7098
- "kind": "method",
7099
- "name": "_notifyTabChange",
7100
- "privacy": "private"
7101
- },
7102
- {
7103
- "kind": "method",
7104
- "name": "updateSelectionIndicator",
7105
- "privacy": "private"
7106
- },
7107
- {
7108
- "kind": "method",
7109
- "name": "updatePanels",
7110
- "privacy": "private"
7111
- },
7112
- {
7113
- "kind": "field",
7114
- "name": "_handleKeyDown",
7115
- "privacy": "private"
7116
- },
7117
- {
7118
- "kind": "field",
7119
- "name": "_tabCount",
7120
- "privacy": "private",
7121
- "readonly": true
7122
- },
7123
- {
7124
- "kind": "field",
7125
- "name": "_gridClass",
7126
- "privacy": "private",
7127
- "readonly": true
7128
- }
7129
- ],
7130
- "events": [
7131
- {
7132
- "name": "change",
7133
- "type": {
7134
- "text": "CustomEvent"
7135
- }
7136
- }
7137
- ],
7138
- "attributes": [
7139
- {
7140
- "name": "active",
7141
- "type": {
7142
- "text": "string"
7143
- },
7144
- "default": "''",
7145
- "fieldName": "active"
7146
- },
7147
- {
7148
- "name": "tab-class",
7149
- "type": {
7150
- "text": "string"
7151
- },
7152
- "default": "''",
7153
- "fieldName": "tabClass"
7154
- }
7155
- ],
7156
- "superclass": {
7157
- "name": "LitElement",
7158
- "package": "lit"
7159
- },
7160
- "tagName": "w-tabs",
7161
- "customElement": true,
7162
- "modulePath": "packages/tabs/tabs.ts",
7163
- "definitionPath": "packages/tabs/tabs.ts"
7164
- }
7165
- ],
7166
- "exports": [
7167
- {
7168
- "kind": "js",
7169
- "name": "WarpTabs",
7170
- "declaration": {
7171
- "name": "WarpTabs",
7172
- "module": "packages/tabs/tabs.ts"
7173
- }
7174
- },
7175
- {
7176
- "kind": "custom-element-definition",
7177
- "name": "w-tabs",
7178
- "declaration": {
7179
- "name": "WarpTabs",
7180
- "module": "packages/tabs/tabs.ts"
7181
- }
7182
- }
7183
- ]
7184
- },
7185
- {
7186
- "kind": "javascript-module",
7187
- "path": "packages/textarea/textarea.ts",
7188
- "declarations": [
7189
- {
7190
- "kind": "class",
7191
- "description": "A single line text input element.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)",
7192
- "name": "WarpTextarea",
7193
- "members": [
7194
- {
7195
- "kind": "field",
7196
- "name": "shadowRootOptions",
7197
- "type": {
7198
- "text": "object"
7199
- },
7200
- "static": true,
7201
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
7202
- },
7203
- {
7204
- "kind": "field",
7205
- "name": "disabled",
7206
- "type": {
7207
- "text": "boolean"
7208
- },
7209
- "attribute": "disabled",
7210
- "reflects": true
7211
- },
7212
- {
7213
- "kind": "field",
7214
- "name": "invalid",
7215
- "type": {
7216
- "text": "boolean"
7217
- },
7218
- "attribute": "invalid",
7219
- "reflects": true
7220
- },
7221
- {
7222
- "kind": "field",
7223
- "name": "label",
7224
- "type": {
7225
- "text": "string"
7226
- },
7227
- "attribute": "label",
7228
- "reflects": true
7229
- },
7230
- {
7231
- "kind": "field",
7232
- "name": "helpText",
7233
- "type": {
7234
- "text": "string"
7235
- },
7236
- "attribute": "help-text",
7237
- "reflects": true
7238
- },
7239
- {
7240
- "kind": "field",
7241
- "name": "maxRows",
7242
- "type": {
7243
- "text": "number"
7244
- },
7245
- "attribute": "maximum-rows",
7246
- "reflects": true
7247
- },
7248
- {
7249
- "kind": "field",
7250
- "name": "minRows",
7251
- "type": {
7252
- "text": "number"
7253
- },
7254
- "attribute": "minimum-rows",
7255
- "reflects": true
7256
- },
7257
- {
7258
- "kind": "field",
7259
- "name": "name",
7260
- "type": {
7261
- "text": "string"
7262
- },
7263
- "attribute": "name"
7264
- },
7265
- {
7266
- "kind": "field",
7267
- "name": "placeholder",
7268
- "type": {
7269
- "text": "string"
7270
- },
7271
- "attribute": "placeholder"
7272
- },
7273
- {
7274
- "kind": "field",
7275
- "name": "readOnly",
7276
- "type": {
7277
- "text": "boolean"
7278
- },
7279
- "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
7280
- "attribute": "read-only",
7281
- "reflects": true
7282
- },
7283
- {
7284
- "kind": "field",
7285
- "name": "readonly",
7286
- "type": {
7287
- "text": "boolean"
7288
- },
7289
- "attribute": "readonly",
7290
- "reflects": true
7291
- },
7292
- {
7293
- "kind": "field",
7294
- "name": "required",
7295
- "type": {
7296
- "text": "boolean"
7297
- },
7298
- "attribute": "required",
7299
- "reflects": true
7300
- },
7301
- {
7302
- "kind": "field",
7303
- "name": "value",
7304
- "type": {
7305
- "text": "string"
7306
- },
7307
- "attribute": "value",
7308
- "reflects": true
7309
- },
7310
- {
7311
- "kind": "field",
7312
- "name": "optional",
7313
- "type": {
7314
- "text": "boolean"
7315
- },
7316
- "attribute": "optional",
7317
- "reflects": true
7318
- },
7319
- {
7320
- "kind": "field",
7321
- "name": "minHeight"
7322
- },
7323
- {
7324
- "kind": "field",
7325
- "name": "maxHeight"
7326
- },
7327
- {
7328
- "kind": "field",
7329
- "name": "#initialValue",
7330
- "privacy": "private",
7331
- "type": {
7332
- "text": "string | null"
7333
- },
7334
- "default": "null"
7335
- },
7336
- {
7337
- "kind": "method",
7338
- "name": "resetFormControl",
7339
- "return": {
7340
- "type": {
7341
- "text": "void"
7342
- }
7343
- },
7344
- "type": {
7345
- "text": "resetFormControl() => void"
7346
- }
7347
- },
7348
- {
7349
- "kind": "method",
7350
- "name": "handler",
7351
- "parameters": [
7352
- {
7353
- "name": "e",
7354
- "type": {
7355
- "text": "InputEvent"
7356
- }
7357
- }
7358
- ],
7359
- "type": {
7360
- "text": "handler(e: InputEvent) => void"
7361
- }
7362
- },
7363
- {
7364
- "kind": "method",
7365
- "name": "#resize",
7366
- "privacy": "private",
7367
- "parameters": [
7368
- {
7369
- "name": "target",
7370
- "type": {
7371
- "text": "HTMLTextAreaElement"
7372
- }
7373
- }
7374
- ],
7375
- "description": "Calculate the new height for the area on input"
7376
- }
7377
- ],
7378
- "attributes": [
7379
- {
7380
- "name": "disabled",
7381
- "type": {
7382
- "text": "boolean"
7383
- },
7384
- "fieldName": "disabled"
7385
- },
7386
- {
7387
- "name": "invalid",
7388
- "type": {
7389
- "text": "boolean"
7390
- },
7391
- "fieldName": "invalid"
7392
- },
7393
- {
7394
- "name": "label",
7395
- "type": {
7396
- "text": "string"
7397
- },
7398
- "fieldName": "label"
7399
- },
7400
- {
7401
- "name": "help-text",
7402
- "type": {
7403
- "text": "string"
7404
- },
7405
- "fieldName": "helpText"
7406
- },
7407
- {
7408
- "name": "maximum-rows",
7409
- "type": {
7410
- "text": "number"
7411
- },
7412
- "fieldName": "maxRows"
7413
- },
7414
- {
7415
- "name": "minimum-rows",
7416
- "type": {
7417
- "text": "number"
7418
- },
7419
- "fieldName": "minRows"
7420
- },
7421
- {
7422
- "name": "name",
7423
- "type": {
7424
- "text": "string"
7425
- },
7426
- "fieldName": "name"
7427
- },
7428
- {
7429
- "name": "placeholder",
7430
- "type": {
7431
- "text": "string"
7432
- },
7433
- "fieldName": "placeholder"
7434
- },
7435
- {
7436
- "name": "read-only",
7437
- "type": {
7438
- "text": "boolean"
7439
- },
7440
- "deprecated": "Use the native readonly attribute instead. Here for API consistency with `w-textfield`.",
7441
- "fieldName": "readOnly"
7442
- },
7443
- {
7444
- "name": "readonly",
7445
- "type": {
7446
- "text": "boolean"
7447
- },
7448
- "fieldName": "readonly"
7449
- },
7450
- {
7451
- "name": "required",
7452
- "type": {
7453
- "text": "boolean"
7454
- },
7455
- "fieldName": "required"
7456
- },
7457
- {
7458
- "name": "value",
7459
- "type": {
7460
- "text": "string"
7461
- },
7462
- "fieldName": "value"
7463
- },
7464
- {
7465
- "name": "optional",
7466
- "type": {
7467
- "text": "boolean"
7468
- },
7469
- "fieldName": "optional"
7470
- }
7471
- ],
7472
- "mixins": [
7473
- {
7474
- "name": "FormControlMixin",
7475
- "package": "@open-wc/form-control"
7476
- }
7477
- ],
7478
- "superclass": {
7479
- "name": "LitElement",
7480
- "package": "lit"
7481
- },
7482
- "tagName": "w-textarea",
7483
- "customElement": true,
7484
- "modulePath": "packages/textarea/textarea.ts",
7485
- "definitionPath": "packages/textarea/textarea.ts"
7486
- }
7487
- ],
7488
- "exports": [
7489
- {
7490
- "kind": "custom-element-definition",
7491
- "name": "w-textarea",
7492
- "declaration": {
7493
- "name": "WarpTextarea",
7494
- "module": "packages/textarea/textarea.ts"
7495
- }
7496
- },
7497
- {
7498
- "kind": "js",
7499
- "name": "WarpTextarea",
7500
- "declaration": {
7501
- "name": "WarpTextarea",
7502
- "module": "packages/textarea/textarea.ts"
7503
- }
7504
- }
7505
- ]
7506
4387
  }
7507
4388
  ]
7508
4389
  }