@genesislcap/rapid-design-system 14.197.1 → 14.198.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 (2) hide show
  1. package/dist/custom-elements.json +778 -778
  2. package/package.json +10 -10
@@ -7391,7 +7391,7 @@
7391
7391
  },
7392
7392
  {
7393
7393
  "kind": "javascript-module",
7394
- "path": "src/categorized-multiselect/categorized-multiselect.stories.ts",
7394
+ "path": "src/checkbox/checkbox.stories.ts",
7395
7395
  "declarations": [
7396
7396
  {
7397
7397
  "kind": "variable",
@@ -7399,7 +7399,7 @@
7399
7399
  "type": {
7400
7400
  "text": "Meta"
7401
7401
  },
7402
- "default": "{\n title: 'Categorized Multiselect',\n component: 'rapid-categorized-multiselect',\n}"
7402
+ "default": "{\n title: 'Checkbox',\n component: 'rapid-checkbox>',\n}"
7403
7403
  },
7404
7404
  {
7405
7405
  "kind": "variable",
@@ -7407,7 +7407,7 @@
7407
7407
  "type": {
7408
7408
  "text": "StoryObj"
7409
7409
  },
7410
- "default": "{\n render: ({ name, text, countries, search, autoPosition }) => html`\n <div style=\"min-height: 400px;\">\n <rapid-categorized-multiselect\n name=\"${name}\"\n .options=\"${countries}\"\n auto-position=\"${autoPosition}\"\n search=\"${search}\"\n >\n ${text}\n </rapid-categorized-multiselect>\n </div>\n `,\n args: {\n name: 'Countries',\n text: 'Add New Country',\n search: true,\n countries: disabledCountriesExample,\n autoPosition: false,\n },\n}"
7410
+ "default": "{\n args: {},\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <rapid-checkbox>Default Rapid Checkbox</rapid-checkbox>\n </div>\n `,\n}"
7411
7411
  }
7412
7412
  ],
7413
7413
  "exports": [
@@ -7416,7 +7416,7 @@
7416
7416
  "name": "default",
7417
7417
  "declaration": {
7418
7418
  "name": "meta",
7419
- "module": "src/categorized-multiselect/categorized-multiselect.stories.ts"
7419
+ "module": "src/checkbox/checkbox.stories.ts"
7420
7420
  }
7421
7421
  },
7422
7422
  {
@@ -7424,628 +7424,503 @@
7424
7424
  "name": "Primary",
7425
7425
  "declaration": {
7426
7426
  "name": "Primary",
7427
- "module": "src/categorized-multiselect/categorized-multiselect.stories.ts"
7427
+ "module": "src/checkbox/checkbox.stories.ts"
7428
7428
  }
7429
7429
  }
7430
7430
  ]
7431
7431
  },
7432
7432
  {
7433
7433
  "kind": "javascript-module",
7434
- "path": "src/categorized-multiselect/categorized-multiselect.styles.ts",
7434
+ "path": "src/checkbox/checkbox.styles.ts",
7435
7435
  "declarations": [
7436
7436
  {
7437
- "kind": "variable",
7438
- "name": "categorizedMultiselectStyles",
7439
- "default": "css`\n ${foundationCategorizedMultiselectStyles}\n\n .label {\n color: var(--neutral-foreground-hint);\n }\n\n .options {\n background: var(--neutral-layer-4);\n }\n\n rapid-checkbox:hover:not([disabled]) {\n background: var(--neutral-layer-4);\n }\n`"
7437
+ "kind": "function",
7438
+ "name": "rapidCheckboxStyles",
7439
+ "return": {
7440
+ "type": {
7441
+ "text": "ElementStyles"
7442
+ }
7443
+ },
7444
+ "parameters": [
7445
+ {
7446
+ "name": "context",
7447
+ "type": {
7448
+ "text": "ElementDefinitionContext"
7449
+ }
7450
+ },
7451
+ {
7452
+ "name": "definition",
7453
+ "type": {
7454
+ "text": "CheckboxOptions"
7455
+ }
7456
+ }
7457
+ ]
7440
7458
  }
7441
7459
  ],
7442
7460
  "exports": [
7443
7461
  {
7444
7462
  "kind": "js",
7445
- "name": "categorizedMultiselectStyles",
7463
+ "name": "rapidCheckboxStyles",
7446
7464
  "declaration": {
7447
- "name": "categorizedMultiselectStyles",
7448
- "module": "src/categorized-multiselect/categorized-multiselect.styles.ts"
7465
+ "name": "rapidCheckboxStyles",
7466
+ "module": "src/checkbox/checkbox.styles.ts"
7449
7467
  }
7450
7468
  }
7451
7469
  ]
7452
7470
  },
7453
7471
  {
7454
7472
  "kind": "javascript-module",
7455
- "path": "src/categorized-multiselect/categorized-multiselect.template.ts",
7473
+ "path": "src/checkbox/checkbox.template.ts",
7456
7474
  "declarations": [
7457
7475
  {
7458
- "kind": "variable",
7459
- "name": "categorizedMultiselectTemplate",
7460
- "default": "html<CategorizedMultiselect>`\n ${getPrefixedCategorizedMultiselect('rapid')}\n`"
7476
+ "kind": "function",
7477
+ "name": "rapidCheckboxTemplate",
7478
+ "return": {
7479
+ "type": {
7480
+ "text": "ViewTemplate<Checkbox>"
7481
+ }
7482
+ },
7483
+ "parameters": [
7484
+ {
7485
+ "name": "context",
7486
+ "type": {
7487
+ "text": "ElementDefinitionContext"
7488
+ }
7489
+ },
7490
+ {
7491
+ "name": "definition",
7492
+ "type": {
7493
+ "text": "CheckboxOptions"
7494
+ }
7495
+ }
7496
+ ]
7461
7497
  }
7462
7498
  ],
7463
7499
  "exports": [
7464
7500
  {
7465
7501
  "kind": "js",
7466
- "name": "categorizedMultiselectTemplate",
7502
+ "name": "rapidCheckboxTemplate",
7467
7503
  "declaration": {
7468
- "name": "categorizedMultiselectTemplate",
7469
- "module": "src/categorized-multiselect/categorized-multiselect.template.ts"
7504
+ "name": "rapidCheckboxTemplate",
7505
+ "module": "src/checkbox/checkbox.template.ts"
7470
7506
  }
7471
7507
  }
7472
7508
  ]
7473
7509
  },
7474
7510
  {
7475
7511
  "kind": "javascript-module",
7476
- "path": "src/categorized-multiselect/categorized-multiselect.ts",
7512
+ "path": "src/checkbox/checkbox.ts",
7477
7513
  "declarations": [
7478
7514
  {
7479
7515
  "kind": "class",
7480
7516
  "description": "",
7481
- "name": "CategorizedMultiselect",
7517
+ "name": "Checkbox",
7482
7518
  "superclass": {
7483
- "name": "FoundationCategorizedMultiselect",
7519
+ "name": "FoundationCheckbox",
7484
7520
  "package": "@genesislcap/foundation-ui"
7485
7521
  },
7486
- "tagName": "%%prefix%%-categorized-multiselect",
7487
- "customElement": true,
7488
7522
  "attributes": [
7489
7523
  {
7490
- "name": "name",
7524
+ "name": "readonly",
7491
7525
  "type": {
7492
- "text": "string"
7526
+ "text": "boolean"
7493
7527
  },
7494
- "default": "''",
7495
- "fieldName": "name",
7528
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
7529
+ "fieldName": "readOnly",
7496
7530
  "inheritedFrom": {
7497
- "name": "CategorizedMultiselect",
7498
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7531
+ "name": "Checkbox",
7532
+ "module": "src/checkbox/checkbox.ts"
7499
7533
  }
7500
- },
7534
+ }
7535
+ ],
7536
+ "members": [
7501
7537
  {
7502
- "name": "auto-position",
7538
+ "kind": "field",
7539
+ "name": "readOnly",
7503
7540
  "type": {
7504
7541
  "text": "boolean"
7505
7542
  },
7506
- "default": "true",
7507
- "fieldName": "autoPosition",
7543
+ "privacy": "public",
7544
+ "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
7508
7545
  "inheritedFrom": {
7509
- "name": "CategorizedMultiselect",
7510
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7546
+ "name": "Checkbox",
7547
+ "module": "src/checkbox/checkbox.ts"
7511
7548
  }
7512
7549
  },
7513
7550
  {
7514
- "type": {
7515
- "text": "boolean"
7551
+ "kind": "method",
7552
+ "name": "readOnlyChanged",
7553
+ "privacy": "private",
7554
+ "return": {
7555
+ "type": {
7556
+ "text": "void"
7557
+ }
7516
7558
  },
7517
- "default": "true",
7518
- "fieldName": "search",
7519
7559
  "inheritedFrom": {
7520
- "name": "CategorizedMultiselect",
7521
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7560
+ "name": "Checkbox",
7561
+ "module": "src/checkbox/checkbox.ts"
7522
7562
  }
7523
- }
7524
- ],
7525
- "members": [
7563
+ },
7526
7564
  {
7527
7565
  "kind": "field",
7528
- "name": "name",
7566
+ "name": "indeterminate",
7529
7567
  "type": {
7530
- "text": "string"
7568
+ "text": "boolean"
7531
7569
  },
7532
- "default": "''",
7570
+ "privacy": "public",
7571
+ "default": "false",
7572
+ "description": "The indeterminate state of the control",
7533
7573
  "inheritedFrom": {
7534
- "name": "CategorizedMultiselect",
7535
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7574
+ "name": "Checkbox",
7575
+ "module": "src/checkbox/checkbox.ts"
7536
7576
  }
7537
7577
  },
7538
7578
  {
7539
7579
  "kind": "field",
7540
- "name": "autoPosition",
7541
- "type": {
7542
- "text": "boolean"
7543
- },
7544
- "default": "true",
7580
+ "name": "proxy",
7545
7581
  "inheritedFrom": {
7546
- "name": "CategorizedMultiselect",
7547
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7582
+ "name": "Checkbox",
7583
+ "module": "src/checkbox/checkbox.ts"
7548
7584
  }
7549
7585
  },
7550
7586
  {
7551
7587
  "kind": "field",
7552
- "name": "search",
7588
+ "name": "_presentation",
7553
7589
  "type": {
7554
- "text": "boolean"
7590
+ "text": "ComponentPresentation | null | undefined"
7555
7591
  },
7556
- "default": "true",
7592
+ "privacy": "private",
7593
+ "default": "void 0",
7557
7594
  "inheritedFrom": {
7558
- "name": "CategorizedMultiselect",
7559
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7595
+ "name": "Checkbox",
7596
+ "module": "src/checkbox/checkbox.ts"
7560
7597
  }
7561
7598
  },
7562
7599
  {
7563
7600
  "kind": "field",
7564
- "name": "disabled",
7601
+ "name": "$presentation",
7565
7602
  "type": {
7566
- "text": "boolean"
7603
+ "text": "ComponentPresentation | null"
7567
7604
  },
7568
- "default": "false",
7605
+ "privacy": "public",
7606
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
7569
7607
  "inheritedFrom": {
7570
- "name": "CategorizedMultiselect",
7571
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7608
+ "name": "Checkbox",
7609
+ "module": "src/checkbox/checkbox.ts"
7572
7610
  }
7573
7611
  },
7574
7612
  {
7575
7613
  "kind": "field",
7576
- "name": "defaultSlottedNodes",
7614
+ "name": "template",
7577
7615
  "type": {
7578
- "text": "Node[]"
7616
+ "text": "ElementViewTemplate | void | null"
7579
7617
  },
7618
+ "privacy": "public",
7619
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
7580
7620
  "inheritedFrom": {
7581
- "name": "CategorizedMultiselect",
7582
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7621
+ "name": "Checkbox",
7622
+ "module": "src/checkbox/checkbox.ts"
7583
7623
  }
7584
7624
  },
7585
7625
  {
7586
- "kind": "field",
7587
- "name": "valueFormatter",
7626
+ "kind": "method",
7627
+ "name": "templateChanged",
7628
+ "privacy": "protected",
7629
+ "return": {
7630
+ "type": {
7631
+ "text": "void"
7632
+ }
7633
+ },
7588
7634
  "inheritedFrom": {
7589
- "name": "CategorizedMultiselect",
7590
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7635
+ "name": "Checkbox",
7636
+ "module": "src/checkbox/checkbox.ts"
7591
7637
  }
7592
7638
  },
7593
7639
  {
7594
7640
  "kind": "field",
7595
- "name": "filterSearchValue",
7641
+ "name": "styles",
7596
7642
  "type": {
7597
- "text": "string"
7643
+ "text": "ElementStyles | void | null"
7598
7644
  },
7645
+ "privacy": "public",
7646
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
7599
7647
  "inheritedFrom": {
7600
- "name": "CategorizedMultiselect",
7601
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7602
- }
7603
- },
7604
- {
7605
- "kind": "field",
7606
- "name": "clickOutside",
7607
- "privacy": "private",
7608
- "inheritedFrom": {
7609
- "name": "CategorizedMultiselect",
7610
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7648
+ "name": "Checkbox",
7649
+ "module": "src/checkbox/checkbox.ts"
7611
7650
  }
7612
7651
  },
7613
7652
  {
7614
- "kind": "field",
7615
- "name": "open",
7616
- "type": {
7617
- "text": "boolean"
7653
+ "kind": "method",
7654
+ "name": "stylesChanged",
7655
+ "privacy": "protected",
7656
+ "return": {
7657
+ "type": {
7658
+ "text": "void"
7659
+ }
7618
7660
  },
7619
- "default": "false",
7620
7661
  "inheritedFrom": {
7621
- "name": "CategorizedMultiselect",
7622
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7662
+ "name": "Checkbox",
7663
+ "module": "src/checkbox/checkbox.ts"
7623
7664
  }
7624
7665
  },
7625
7666
  {
7626
7667
  "kind": "method",
7627
- "name": "openChanged",
7668
+ "name": "compose",
7669
+ "privacy": "public",
7670
+ "static": true,
7671
+ "return": {
7672
+ "type": {
7673
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
7674
+ }
7675
+ },
7628
7676
  "parameters": [
7629
7677
  {
7630
- "name": "previous",
7678
+ "name": "this",
7631
7679
  "type": {
7632
- "text": "boolean"
7680
+ "text": "K"
7633
7681
  }
7634
7682
  },
7635
7683
  {
7636
- "name": "open",
7684
+ "name": "elementDefinition",
7637
7685
  "type": {
7638
- "text": "boolean"
7639
- }
7686
+ "text": "T"
7687
+ },
7688
+ "description": "The definition of the element to create the registry\nfunction for."
7640
7689
  }
7641
7690
  ],
7691
+ "description": "Defines an element registry function with a set of element definition defaults.",
7642
7692
  "inheritedFrom": {
7643
- "name": "CategorizedMultiselect",
7644
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7693
+ "name": "Checkbox",
7694
+ "module": "src/checkbox/checkbox.ts"
7645
7695
  }
7646
- },
7647
- {
7648
- "kind": "field",
7649
- "name": "options",
7650
- "type": {
7651
- "text": "CategorizedMultiselectOption[]"
7652
- },
7653
- "default": "[]",
7654
- "inheritedFrom": {
7655
- "name": "CategorizedMultiselect",
7656
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7657
- }
7658
- },
7659
- {
7660
- "kind": "field",
7661
- "name": "selectedOptions",
7662
- "type": {
7663
- "text": "string[]"
7664
- },
7665
- "default": "[]",
7666
- "inheritedFrom": {
7667
- "name": "CategorizedMultiselect",
7668
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7669
- }
7670
- },
7671
- {
7672
- "kind": "field",
7673
- "name": "filteredAvailableOptions",
7674
- "type": {
7675
- "text": "CategorizedMultiselectFilteredOption[]"
7676
- },
7677
- "inheritedFrom": {
7678
- "name": "CategorizedMultiselect",
7679
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7680
- }
7681
- },
7682
- {
7683
- "kind": "field",
7684
- "name": "position",
7685
- "type": {
7686
- "text": "Position"
7687
- },
7688
- "description": "Controls the positioning of the multiselect dropdown. Accepts the following values:\n- Position.ABOVE: Forces the dropdown to always open above the input field.\n- Position.BELOW: Forces the dropdown to always open below the input field.",
7689
- "inheritedFrom": {
7690
- "name": "CategorizedMultiselect",
7691
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7692
- }
7693
- },
7694
- {
7695
- "kind": "field",
7696
- "name": "optionsElement",
7697
- "type": {
7698
- "text": "HTMLElement"
7699
- },
7700
- "inheritedFrom": {
7701
- "name": "CategorizedMultiselect",
7702
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7703
- }
7704
- },
7705
- {
7706
- "kind": "method",
7707
- "name": "toggle",
7708
- "inheritedFrom": {
7709
- "name": "CategorizedMultiselect",
7710
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7711
- }
7712
- },
7713
- {
7714
- "kind": "method",
7715
- "name": "sortFilteredOptions",
7716
- "parameters": [
7717
- {
7718
- "name": "options",
7719
- "optional": true,
7720
- "type": {
7721
- "text": "CategorizedMultiselectOption[]"
7722
- }
7723
- }
7724
- ],
7725
- "inheritedFrom": {
7726
- "name": "CategorizedMultiselect",
7727
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7728
- }
7729
- },
7730
- {
7731
- "kind": "method",
7732
- "name": "optionsChanged",
7733
- "inheritedFrom": {
7734
- "name": "CategorizedMultiselect",
7735
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7736
- }
7737
- },
7738
- {
7739
- "kind": "method",
7740
- "name": "setDropdownPosition",
7741
- "privacy": "private",
7742
- "description": "Sets the dropdown position based on the current configuration.",
7743
- "inheritedFrom": {
7744
- "name": "CategorizedMultiselect",
7745
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7746
- }
7747
- },
7748
- {
7749
- "kind": "method",
7750
- "name": "optionGetter",
7751
- "parameters": [
7752
- {
7753
- "name": "option",
7754
- "type": {
7755
- "text": "CategorizedMultiselectOption"
7756
- }
7757
- }
7758
- ],
7759
- "inheritedFrom": {
7760
- "name": "CategorizedMultiselect",
7761
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7762
- }
7763
- },
7764
- {
7765
- "kind": "method",
7766
- "name": "getItemLabel",
7767
- "parameters": [
7768
- {
7769
- "name": "option",
7770
- "type": {
7771
- "text": "CategorizedMultiselectOption"
7772
- }
7773
- }
7774
- ],
7775
- "inheritedFrom": {
7776
- "name": "CategorizedMultiselect",
7777
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7778
- }
7779
- },
7780
- {
7781
- "kind": "method",
7782
- "name": "isOptionDisabled",
7783
- "parameters": [
7784
- {
7785
- "name": "option",
7786
- "type": {
7787
- "text": "CategorizedMultiselectOption"
7788
- }
7789
- }
7790
- ],
7791
- "inheritedFrom": {
7792
- "name": "CategorizedMultiselect",
7793
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7794
- }
7795
- },
7796
- {
7797
- "kind": "field",
7798
- "name": "getPlaceholder",
7799
- "readonly": true,
7800
- "inheritedFrom": {
7801
- "name": "CategorizedMultiselect",
7802
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7803
- }
7804
- },
7805
- {
7806
- "kind": "method",
7807
- "name": "isOptionSelected",
7808
- "return": {
7809
- "type": {
7810
- "text": "boolean"
7811
- }
7812
- },
7813
- "parameters": [
7814
- {
7815
- "name": "normalizedOption",
7816
- "type": {
7817
- "text": "CategorizedMultiselectOption"
7818
- }
7819
- }
7820
- ],
7821
- "inheritedFrom": {
7822
- "name": "CategorizedMultiselect",
7823
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7824
- }
7825
- },
7826
- {
7827
- "kind": "method",
7828
- "name": "selectCheckboxOne",
7829
- "parameters": [
7830
- {
7831
- "name": "normalizedOption",
7832
- "type": {
7833
- "text": "CategorizedMultiselectOption"
7834
- }
7835
- }
7836
- ],
7837
- "inheritedFrom": {
7838
- "name": "CategorizedMultiselect",
7839
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7840
- }
7841
- },
7842
- {
7843
- "kind": "method",
7844
- "name": "setFilter",
7845
- "inheritedFrom": {
7846
- "name": "CategorizedMultiselect",
7847
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7848
- }
7849
- },
7850
- {
7851
- "kind": "method",
7852
- "name": "changeHandler",
7853
- "parameters": [
7854
- {
7855
- "name": "event",
7856
- "type": {
7857
- "text": "Event"
7858
- }
7859
- }
7860
- ],
7861
- "inheritedFrom": {
7862
- "name": "CategorizedMultiselect",
7863
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7864
- }
7865
- },
7866
- {
7867
- "kind": "method",
7868
- "name": "handleClickOutside",
7869
- "privacy": "private",
7870
- "parameters": [
7871
- {
7872
- "name": "event",
7873
- "type": {
7874
- "text": "MouseEvent"
7875
- }
7876
- }
7877
- ],
7878
- "inheritedFrom": {
7879
- "name": "CategorizedMultiselect",
7880
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7881
- }
7882
- },
7883
- {
7884
- "kind": "field",
7885
- "name": "_presentation",
7886
- "type": {
7887
- "text": "ComponentPresentation | null | undefined"
7888
- },
7889
- "privacy": "private",
7890
- "default": "void 0",
7891
- "inheritedFrom": {
7892
- "name": "FoundationElement",
7893
- "module": "src/foundation-element/foundation-element.ts"
7894
- }
7895
- },
7896
- {
7897
- "kind": "field",
7898
- "name": "$presentation",
7899
- "type": {
7900
- "text": "ComponentPresentation | null"
7901
- },
7902
- "privacy": "public",
7903
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
7904
- "inheritedFrom": {
7905
- "name": "FoundationElement",
7906
- "module": "src/foundation-element/foundation-element.ts"
7907
- }
7908
- },
7909
- {
7910
- "kind": "field",
7911
- "name": "template",
7912
- "type": {
7913
- "text": "ElementViewTemplate | void | null"
7914
- },
7915
- "privacy": "public",
7916
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
7917
- "inheritedFrom": {
7918
- "name": "FoundationElement",
7919
- "module": "src/foundation-element/foundation-element.ts"
7920
- }
7921
- },
7922
- {
7923
- "kind": "method",
7924
- "name": "templateChanged",
7925
- "privacy": "protected",
7926
- "return": {
7927
- "type": {
7928
- "text": "void"
7929
- }
7930
- },
7931
- "inheritedFrom": {
7932
- "name": "FoundationElement",
7933
- "module": "src/foundation-element/foundation-element.ts"
7934
- }
7935
- },
7936
- {
7937
- "kind": "field",
7938
- "name": "styles",
7939
- "type": {
7940
- "text": "ElementStyles | void | null"
7941
- },
7942
- "privacy": "public",
7943
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
7944
- "inheritedFrom": {
7945
- "name": "FoundationElement",
7946
- "module": "src/foundation-element/foundation-element.ts"
7947
- }
7948
- },
7949
- {
7950
- "kind": "method",
7951
- "name": "stylesChanged",
7952
- "privacy": "protected",
7953
- "return": {
7954
- "type": {
7955
- "text": "void"
7956
- }
7957
- },
7958
- "inheritedFrom": {
7959
- "name": "FoundationElement",
7960
- "module": "src/foundation-element/foundation-element.ts"
7961
- }
7962
- },
7696
+ }
7697
+ ],
7698
+ "events": [
7963
7699
  {
7964
- "kind": "method",
7965
- "name": "compose",
7966
- "privacy": "public",
7967
- "static": true,
7968
- "return": {
7969
- "type": {
7970
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
7971
- }
7972
- },
7973
- "parameters": [
7974
- {
7975
- "name": "this",
7976
- "type": {
7977
- "text": "K"
7978
- }
7979
- },
7980
- {
7981
- "name": "elementDefinition",
7982
- "type": {
7983
- "text": "T"
7984
- },
7985
- "description": "The definition of the element to create the registry\nfunction for."
7986
- }
7987
- ],
7988
- "description": "Defines an element registry function with a set of element definition defaults.",
7700
+ "description": "Emits a custom change event when the checked state changes",
7701
+ "name": "change",
7989
7702
  "inheritedFrom": {
7990
- "name": "FoundationElement",
7991
- "module": "src/foundation-element/foundation-element.ts"
7703
+ "name": "Checkbox",
7704
+ "module": "src/checkbox/checkbox.ts"
7992
7705
  }
7993
7706
  }
7994
7707
  ]
7995
7708
  },
7996
7709
  {
7997
7710
  "kind": "variable",
7998
- "name": "defaultCategorizedMultiselectConfig",
7999
- "default": "foundationCategorizedMultiselectConfig"
7711
+ "name": "rapidCheckbox"
7712
+ }
7713
+ ],
7714
+ "exports": [
7715
+ {
7716
+ "kind": "js",
7717
+ "name": "Checkbox",
7718
+ "declaration": {
7719
+ "name": "Checkbox",
7720
+ "module": "src/checkbox/checkbox.ts"
7721
+ }
7722
+ },
7723
+ {
7724
+ "kind": "js",
7725
+ "name": "rapidCheckbox",
7726
+ "declaration": {
7727
+ "name": "rapidCheckbox",
7728
+ "module": "src/checkbox/checkbox.ts"
7729
+ }
7730
+ }
7731
+ ]
7732
+ },
7733
+ {
7734
+ "kind": "javascript-module",
7735
+ "path": "src/checkbox/index.ts",
7736
+ "declarations": [],
7737
+ "exports": [
7738
+ {
7739
+ "kind": "js",
7740
+ "name": "*",
7741
+ "declaration": {
7742
+ "name": "*",
7743
+ "package": "./checkbox"
7744
+ }
7745
+ },
7746
+ {
7747
+ "kind": "js",
7748
+ "name": "*",
7749
+ "declaration": {
7750
+ "name": "*",
7751
+ "package": "./checkbox.styles"
7752
+ }
8000
7753
  },
7754
+ {
7755
+ "kind": "js",
7756
+ "name": "*",
7757
+ "declaration": {
7758
+ "name": "*",
7759
+ "package": "./checkbox.template"
7760
+ }
7761
+ }
7762
+ ]
7763
+ },
7764
+ {
7765
+ "kind": "javascript-module",
7766
+ "path": "src/combobox/combobox.stories.ts",
7767
+ "declarations": [
8001
7768
  {
8002
7769
  "kind": "variable",
8003
- "name": "rapidCategorizedMultiselectShadowOptions",
8004
- "default": "foundationCategorizedMultiselectShadowOptions"
7770
+ "name": "meta",
7771
+ "type": {
7772
+ "text": "Meta"
7773
+ },
7774
+ "default": "{\n title: 'Combobox',\n component: 'rapid-combobox',\n}"
8005
7775
  },
8006
7776
  {
8007
7777
  "kind": "variable",
8008
- "name": "rapidCategorizedMultiselect"
7778
+ "name": "Primary",
7779
+ "type": {
7780
+ "text": "StoryObj"
7781
+ },
7782
+ "default": "{\n ...OptionsMapperTemplate,\n argTypes: {\n position: {\n control: 'select',\n options: ['above', 'below'],\n },\n },\n args: {\n options: optionsData,\n position: 'below',\n },\n}"
8009
7783
  }
8010
7784
  ],
8011
7785
  "exports": [
8012
7786
  {
8013
7787
  "kind": "js",
8014
- "name": "CategorizedMultiselect",
7788
+ "name": "default",
8015
7789
  "declaration": {
8016
- "name": "CategorizedMultiselect",
8017
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7790
+ "name": "meta",
7791
+ "module": "src/combobox/combobox.stories.ts"
8018
7792
  }
8019
7793
  },
8020
7794
  {
8021
7795
  "kind": "js",
8022
- "name": "defaultCategorizedMultiselectConfig",
7796
+ "name": "Primary",
8023
7797
  "declaration": {
8024
- "name": "defaultCategorizedMultiselectConfig",
8025
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7798
+ "name": "Primary",
7799
+ "module": "src/combobox/combobox.stories.ts"
7800
+ }
7801
+ }
7802
+ ]
7803
+ },
7804
+ {
7805
+ "kind": "javascript-module",
7806
+ "path": "src/combobox/combobox.styles.ts",
7807
+ "declarations": [
7808
+ {
7809
+ "kind": "function",
7810
+ "name": "rapidComboboxStyles",
7811
+ "return": {
7812
+ "type": {
7813
+ "text": "ElementStyles"
7814
+ }
7815
+ },
7816
+ "parameters": [
7817
+ {
7818
+ "name": "context",
7819
+ "type": {
7820
+ "text": "ElementDefinitionContext"
7821
+ }
7822
+ },
7823
+ {
7824
+ "name": "definition",
7825
+ "type": {
7826
+ "text": "FoundationElementDefinition"
7827
+ }
7828
+ }
7829
+ ]
7830
+ }
7831
+ ],
7832
+ "exports": [
7833
+ {
7834
+ "kind": "js",
7835
+ "name": "rapidComboboxStyles",
7836
+ "declaration": {
7837
+ "name": "rapidComboboxStyles",
7838
+ "module": "src/combobox/combobox.styles.ts"
7839
+ }
7840
+ }
7841
+ ]
7842
+ },
7843
+ {
7844
+ "kind": "javascript-module",
7845
+ "path": "src/combobox/combobox.template.ts",
7846
+ "declarations": [
7847
+ {
7848
+ "kind": "function",
7849
+ "name": "rapidComboboxTemplate",
7850
+ "return": {
7851
+ "type": {
7852
+ "text": "ViewTemplate<Combobox>"
7853
+ }
7854
+ },
7855
+ "parameters": [
7856
+ {
7857
+ "name": "context",
7858
+ "type": {
7859
+ "text": "ElementDefinitionContext"
7860
+ }
7861
+ },
7862
+ {
7863
+ "name": "definition",
7864
+ "type": {
7865
+ "text": "FoundationElementDefinition"
7866
+ }
7867
+ }
7868
+ ]
7869
+ }
7870
+ ],
7871
+ "exports": [
7872
+ {
7873
+ "kind": "js",
7874
+ "name": "rapidComboboxTemplate",
7875
+ "declaration": {
7876
+ "name": "rapidComboboxTemplate",
7877
+ "module": "src/combobox/combobox.template.ts"
8026
7878
  }
7879
+ }
7880
+ ]
7881
+ },
7882
+ {
7883
+ "kind": "javascript-module",
7884
+ "path": "src/combobox/combobox.ts",
7885
+ "declarations": [
7886
+ {
7887
+ "kind": "class",
7888
+ "description": "",
7889
+ "name": "Combobox",
7890
+ "superclass": {
7891
+ "name": "FoundationComboBox",
7892
+ "package": "@genesislcap/foundation-ui"
7893
+ },
7894
+ "tagName": "%%prefix%%-combobox",
7895
+ "customElement": true
8027
7896
  },
7897
+ {
7898
+ "kind": "variable",
7899
+ "name": "rapidCombobox"
7900
+ }
7901
+ ],
7902
+ "exports": [
8028
7903
  {
8029
7904
  "kind": "js",
8030
- "name": "rapidCategorizedMultiselectShadowOptions",
7905
+ "name": "Combobox",
8031
7906
  "declaration": {
8032
- "name": "rapidCategorizedMultiselectShadowOptions",
8033
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7907
+ "name": "Combobox",
7908
+ "module": "src/combobox/combobox.ts"
8034
7909
  }
8035
7910
  },
8036
7911
  {
8037
7912
  "kind": "js",
8038
- "name": "rapidCategorizedMultiselect",
7913
+ "name": "rapidCombobox",
8039
7914
  "declaration": {
8040
- "name": "rapidCategorizedMultiselect",
8041
- "module": "src/categorized-multiselect/categorized-multiselect.ts"
7915
+ "name": "rapidCombobox",
7916
+ "module": "src/combobox/combobox.ts"
8042
7917
  }
8043
7918
  }
8044
7919
  ]
8045
7920
  },
8046
7921
  {
8047
7922
  "kind": "javascript-module",
8048
- "path": "src/categorized-multiselect/index.ts",
7923
+ "path": "src/combobox/index.ts",
8049
7924
  "declarations": [],
8050
7925
  "exports": [
8051
7926
  {
@@ -8053,7 +7928,7 @@
8053
7928
  "name": "*",
8054
7929
  "declaration": {
8055
7930
  "name": "*",
8056
- "package": "./categorized-multiselect"
7931
+ "package": "./combobox"
8057
7932
  }
8058
7933
  },
8059
7934
  {
@@ -8061,7 +7936,7 @@
8061
7936
  "name": "*",
8062
7937
  "declaration": {
8063
7938
  "name": "*",
8064
- "package": "./categorized-multiselect.styles"
7939
+ "package": "./combobox.styles"
8065
7940
  }
8066
7941
  },
8067
7942
  {
@@ -8069,14 +7944,14 @@
8069
7944
  "name": "*",
8070
7945
  "declaration": {
8071
7946
  "name": "*",
8072
- "package": "./categorized-multiselect.template"
7947
+ "package": "./combobox.template"
8073
7948
  }
8074
7949
  }
8075
7950
  ]
8076
7951
  },
8077
7952
  {
8078
7953
  "kind": "javascript-module",
8079
- "path": "src/checkbox/checkbox.stories.ts",
7954
+ "path": "src/categorized-multiselect/categorized-multiselect.stories.ts",
8080
7955
  "declarations": [
8081
7956
  {
8082
7957
  "kind": "variable",
@@ -8084,7 +7959,7 @@
8084
7959
  "type": {
8085
7960
  "text": "Meta"
8086
7961
  },
8087
- "default": "{\n title: 'Checkbox',\n component: 'rapid-checkbox>',\n}"
7962
+ "default": "{\n title: 'Categorized Multiselect',\n component: 'rapid-categorized-multiselect',\n}"
8088
7963
  },
8089
7964
  {
8090
7965
  "kind": "variable",
@@ -8092,7 +7967,7 @@
8092
7967
  "type": {
8093
7968
  "text": "StoryObj"
8094
7969
  },
8095
- "default": "{\n args: {},\n render: () => html`\n <div style=\"${wrapperStyle}\">\n <rapid-checkbox>Default Rapid Checkbox</rapid-checkbox>\n </div>\n `,\n}"
7970
+ "default": "{\n render: ({ name, text, countries, search, autoPosition }) => html`\n <div style=\"min-height: 400px;\">\n <rapid-categorized-multiselect\n name=\"${name}\"\n .options=\"${countries}\"\n auto-position=\"${autoPosition}\"\n search=\"${search}\"\n >\n ${text}\n </rapid-categorized-multiselect>\n </div>\n `,\n args: {\n name: 'Countries',\n text: 'Add New Country',\n search: true,\n countries: disabledCountriesExample,\n autoPosition: false,\n },\n}"
8096
7971
  }
8097
7972
  ],
8098
7973
  "exports": [
@@ -8101,7 +7976,7 @@
8101
7976
  "name": "default",
8102
7977
  "declaration": {
8103
7978
  "name": "meta",
8104
- "module": "src/checkbox/checkbox.stories.ts"
7979
+ "module": "src/categorized-multiselect/categorized-multiselect.stories.ts"
8105
7980
  }
8106
7981
  },
8107
7982
  {
@@ -8109,163 +7984,460 @@
8109
7984
  "name": "Primary",
8110
7985
  "declaration": {
8111
7986
  "name": "Primary",
8112
- "module": "src/checkbox/checkbox.stories.ts"
7987
+ "module": "src/categorized-multiselect/categorized-multiselect.stories.ts"
8113
7988
  }
8114
7989
  }
8115
7990
  ]
8116
7991
  },
8117
7992
  {
8118
7993
  "kind": "javascript-module",
8119
- "path": "src/checkbox/checkbox.styles.ts",
7994
+ "path": "src/categorized-multiselect/categorized-multiselect.styles.ts",
8120
7995
  "declarations": [
8121
7996
  {
8122
- "kind": "function",
8123
- "name": "rapidCheckboxStyles",
8124
- "return": {
8125
- "type": {
8126
- "text": "ElementStyles"
8127
- }
8128
- },
8129
- "parameters": [
8130
- {
8131
- "name": "context",
8132
- "type": {
8133
- "text": "ElementDefinitionContext"
8134
- }
8135
- },
8136
- {
8137
- "name": "definition",
8138
- "type": {
8139
- "text": "CheckboxOptions"
8140
- }
8141
- }
8142
- ]
7997
+ "kind": "variable",
7998
+ "name": "categorizedMultiselectStyles",
7999
+ "default": "css`\n ${foundationCategorizedMultiselectStyles}\n\n .label {\n color: var(--neutral-foreground-hint);\n }\n\n .options {\n background: var(--neutral-layer-4);\n }\n\n rapid-checkbox:hover:not([disabled]) {\n background: var(--neutral-layer-4);\n }\n`"
8143
8000
  }
8144
8001
  ],
8145
8002
  "exports": [
8146
8003
  {
8147
8004
  "kind": "js",
8148
- "name": "rapidCheckboxStyles",
8005
+ "name": "categorizedMultiselectStyles",
8149
8006
  "declaration": {
8150
- "name": "rapidCheckboxStyles",
8151
- "module": "src/checkbox/checkbox.styles.ts"
8007
+ "name": "categorizedMultiselectStyles",
8008
+ "module": "src/categorized-multiselect/categorized-multiselect.styles.ts"
8152
8009
  }
8153
8010
  }
8154
8011
  ]
8155
8012
  },
8156
8013
  {
8157
8014
  "kind": "javascript-module",
8158
- "path": "src/checkbox/checkbox.template.ts",
8015
+ "path": "src/categorized-multiselect/categorized-multiselect.template.ts",
8159
8016
  "declarations": [
8160
8017
  {
8161
- "kind": "function",
8162
- "name": "rapidCheckboxTemplate",
8163
- "return": {
8164
- "type": {
8165
- "text": "ViewTemplate<Checkbox>"
8166
- }
8018
+ "kind": "variable",
8019
+ "name": "categorizedMultiselectTemplate",
8020
+ "default": "html<CategorizedMultiselect>`\n ${getPrefixedCategorizedMultiselect('rapid')}\n`"
8021
+ }
8022
+ ],
8023
+ "exports": [
8024
+ {
8025
+ "kind": "js",
8026
+ "name": "categorizedMultiselectTemplate",
8027
+ "declaration": {
8028
+ "name": "categorizedMultiselectTemplate",
8029
+ "module": "src/categorized-multiselect/categorized-multiselect.template.ts"
8030
+ }
8031
+ }
8032
+ ]
8033
+ },
8034
+ {
8035
+ "kind": "javascript-module",
8036
+ "path": "src/categorized-multiselect/categorized-multiselect.ts",
8037
+ "declarations": [
8038
+ {
8039
+ "kind": "class",
8040
+ "description": "",
8041
+ "name": "CategorizedMultiselect",
8042
+ "superclass": {
8043
+ "name": "FoundationCategorizedMultiselect",
8044
+ "package": "@genesislcap/foundation-ui"
8167
8045
  },
8168
- "parameters": [
8046
+ "tagName": "%%prefix%%-categorized-multiselect",
8047
+ "customElement": true,
8048
+ "attributes": [
8049
+ {
8050
+ "name": "name",
8051
+ "type": {
8052
+ "text": "string"
8053
+ },
8054
+ "default": "''",
8055
+ "fieldName": "name",
8056
+ "inheritedFrom": {
8057
+ "name": "CategorizedMultiselect",
8058
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8059
+ }
8060
+ },
8061
+ {
8062
+ "name": "auto-position",
8063
+ "type": {
8064
+ "text": "boolean"
8065
+ },
8066
+ "default": "true",
8067
+ "fieldName": "autoPosition",
8068
+ "inheritedFrom": {
8069
+ "name": "CategorizedMultiselect",
8070
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8071
+ }
8072
+ },
8073
+ {
8074
+ "type": {
8075
+ "text": "boolean"
8076
+ },
8077
+ "default": "true",
8078
+ "fieldName": "search",
8079
+ "inheritedFrom": {
8080
+ "name": "CategorizedMultiselect",
8081
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8082
+ }
8083
+ }
8084
+ ],
8085
+ "members": [
8086
+ {
8087
+ "kind": "field",
8088
+ "name": "name",
8089
+ "type": {
8090
+ "text": "string"
8091
+ },
8092
+ "default": "''",
8093
+ "inheritedFrom": {
8094
+ "name": "CategorizedMultiselect",
8095
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8096
+ }
8097
+ },
8098
+ {
8099
+ "kind": "field",
8100
+ "name": "autoPosition",
8101
+ "type": {
8102
+ "text": "boolean"
8103
+ },
8104
+ "default": "true",
8105
+ "inheritedFrom": {
8106
+ "name": "CategorizedMultiselect",
8107
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8108
+ }
8109
+ },
8110
+ {
8111
+ "kind": "field",
8112
+ "name": "search",
8113
+ "type": {
8114
+ "text": "boolean"
8115
+ },
8116
+ "default": "true",
8117
+ "inheritedFrom": {
8118
+ "name": "CategorizedMultiselect",
8119
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8120
+ }
8121
+ },
8122
+ {
8123
+ "kind": "field",
8124
+ "name": "disabled",
8125
+ "type": {
8126
+ "text": "boolean"
8127
+ },
8128
+ "default": "false",
8129
+ "inheritedFrom": {
8130
+ "name": "CategorizedMultiselect",
8131
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8132
+ }
8133
+ },
8134
+ {
8135
+ "kind": "field",
8136
+ "name": "defaultSlottedNodes",
8137
+ "type": {
8138
+ "text": "Node[]"
8139
+ },
8140
+ "inheritedFrom": {
8141
+ "name": "CategorizedMultiselect",
8142
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8143
+ }
8144
+ },
8145
+ {
8146
+ "kind": "field",
8147
+ "name": "valueFormatter",
8148
+ "inheritedFrom": {
8149
+ "name": "CategorizedMultiselect",
8150
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8151
+ }
8152
+ },
8153
+ {
8154
+ "kind": "field",
8155
+ "name": "filterSearchValue",
8156
+ "type": {
8157
+ "text": "string"
8158
+ },
8159
+ "inheritedFrom": {
8160
+ "name": "CategorizedMultiselect",
8161
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8162
+ }
8163
+ },
8164
+ {
8165
+ "kind": "field",
8166
+ "name": "clickOutside",
8167
+ "privacy": "private",
8168
+ "inheritedFrom": {
8169
+ "name": "CategorizedMultiselect",
8170
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8171
+ }
8172
+ },
8173
+ {
8174
+ "kind": "field",
8175
+ "name": "open",
8176
+ "type": {
8177
+ "text": "boolean"
8178
+ },
8179
+ "default": "false",
8180
+ "inheritedFrom": {
8181
+ "name": "CategorizedMultiselect",
8182
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8183
+ }
8184
+ },
8185
+ {
8186
+ "kind": "method",
8187
+ "name": "openChanged",
8188
+ "parameters": [
8189
+ {
8190
+ "name": "previous",
8191
+ "type": {
8192
+ "text": "boolean"
8193
+ }
8194
+ },
8195
+ {
8196
+ "name": "open",
8197
+ "type": {
8198
+ "text": "boolean"
8199
+ }
8200
+ }
8201
+ ],
8202
+ "inheritedFrom": {
8203
+ "name": "CategorizedMultiselect",
8204
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8205
+ }
8206
+ },
8169
8207
  {
8170
- "name": "context",
8208
+ "kind": "field",
8209
+ "name": "options",
8171
8210
  "type": {
8172
- "text": "ElementDefinitionContext"
8211
+ "text": "CategorizedMultiselectOption[]"
8212
+ },
8213
+ "default": "[]",
8214
+ "inheritedFrom": {
8215
+ "name": "CategorizedMultiselect",
8216
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8173
8217
  }
8174
8218
  },
8175
8219
  {
8176
- "name": "definition",
8220
+ "kind": "field",
8221
+ "name": "selectedOptions",
8177
8222
  "type": {
8178
- "text": "CheckboxOptions"
8223
+ "text": "string[]"
8224
+ },
8225
+ "default": "[]",
8226
+ "inheritedFrom": {
8227
+ "name": "CategorizedMultiselect",
8228
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8179
8229
  }
8180
- }
8181
- ]
8182
- }
8183
- ],
8184
- "exports": [
8185
- {
8186
- "kind": "js",
8187
- "name": "rapidCheckboxTemplate",
8188
- "declaration": {
8189
- "name": "rapidCheckboxTemplate",
8190
- "module": "src/checkbox/checkbox.template.ts"
8191
- }
8192
- }
8193
- ]
8194
- },
8195
- {
8196
- "kind": "javascript-module",
8197
- "path": "src/checkbox/checkbox.ts",
8198
- "declarations": [
8199
- {
8200
- "kind": "class",
8201
- "description": "",
8202
- "name": "Checkbox",
8203
- "superclass": {
8204
- "name": "FoundationCheckbox",
8205
- "package": "@genesislcap/foundation-ui"
8206
- },
8207
- "attributes": [
8230
+ },
8208
8231
  {
8209
- "name": "readonly",
8232
+ "kind": "field",
8233
+ "name": "filteredAvailableOptions",
8210
8234
  "type": {
8211
- "text": "boolean"
8235
+ "text": "CategorizedMultiselectFilteredOption[]"
8212
8236
  },
8213
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
8214
- "fieldName": "readOnly",
8215
8237
  "inheritedFrom": {
8216
- "name": "Checkbox",
8217
- "module": "src/checkbox/checkbox.ts"
8238
+ "name": "CategorizedMultiselect",
8239
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8218
8240
  }
8219
- }
8220
- ],
8221
- "members": [
8241
+ },
8222
8242
  {
8223
8243
  "kind": "field",
8224
- "name": "readOnly",
8244
+ "name": "position",
8225
8245
  "type": {
8226
- "text": "boolean"
8246
+ "text": "Position"
8227
8247
  },
8228
- "privacy": "public",
8229
- "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
8248
+ "description": "Controls the positioning of the multiselect dropdown. Accepts the following values:\n- Position.ABOVE: Forces the dropdown to always open above the input field.\n- Position.BELOW: Forces the dropdown to always open below the input field.",
8230
8249
  "inheritedFrom": {
8231
- "name": "Checkbox",
8232
- "module": "src/checkbox/checkbox.ts"
8250
+ "name": "CategorizedMultiselect",
8251
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8252
+ }
8253
+ },
8254
+ {
8255
+ "kind": "field",
8256
+ "name": "optionsElement",
8257
+ "type": {
8258
+ "text": "HTMLElement"
8259
+ },
8260
+ "inheritedFrom": {
8261
+ "name": "CategorizedMultiselect",
8262
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8233
8263
  }
8234
8264
  },
8235
8265
  {
8236
8266
  "kind": "method",
8237
- "name": "readOnlyChanged",
8267
+ "name": "toggle",
8268
+ "inheritedFrom": {
8269
+ "name": "CategorizedMultiselect",
8270
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8271
+ }
8272
+ },
8273
+ {
8274
+ "kind": "method",
8275
+ "name": "sortFilteredOptions",
8276
+ "parameters": [
8277
+ {
8278
+ "name": "options",
8279
+ "optional": true,
8280
+ "type": {
8281
+ "text": "CategorizedMultiselectOption[]"
8282
+ }
8283
+ }
8284
+ ],
8285
+ "inheritedFrom": {
8286
+ "name": "CategorizedMultiselect",
8287
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8288
+ }
8289
+ },
8290
+ {
8291
+ "kind": "method",
8292
+ "name": "optionsChanged",
8293
+ "inheritedFrom": {
8294
+ "name": "CategorizedMultiselect",
8295
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8296
+ }
8297
+ },
8298
+ {
8299
+ "kind": "method",
8300
+ "name": "setDropdownPosition",
8238
8301
  "privacy": "private",
8302
+ "description": "Sets the dropdown position based on the current configuration.",
8303
+ "inheritedFrom": {
8304
+ "name": "CategorizedMultiselect",
8305
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8306
+ }
8307
+ },
8308
+ {
8309
+ "kind": "method",
8310
+ "name": "optionGetter",
8311
+ "parameters": [
8312
+ {
8313
+ "name": "option",
8314
+ "type": {
8315
+ "text": "CategorizedMultiselectOption"
8316
+ }
8317
+ }
8318
+ ],
8319
+ "inheritedFrom": {
8320
+ "name": "CategorizedMultiselect",
8321
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8322
+ }
8323
+ },
8324
+ {
8325
+ "kind": "method",
8326
+ "name": "getItemLabel",
8327
+ "parameters": [
8328
+ {
8329
+ "name": "option",
8330
+ "type": {
8331
+ "text": "CategorizedMultiselectOption"
8332
+ }
8333
+ }
8334
+ ],
8335
+ "inheritedFrom": {
8336
+ "name": "CategorizedMultiselect",
8337
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8338
+ }
8339
+ },
8340
+ {
8341
+ "kind": "method",
8342
+ "name": "isOptionDisabled",
8343
+ "parameters": [
8344
+ {
8345
+ "name": "option",
8346
+ "type": {
8347
+ "text": "CategorizedMultiselectOption"
8348
+ }
8349
+ }
8350
+ ],
8351
+ "inheritedFrom": {
8352
+ "name": "CategorizedMultiselect",
8353
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8354
+ }
8355
+ },
8356
+ {
8357
+ "kind": "field",
8358
+ "name": "getPlaceholder",
8359
+ "readonly": true,
8360
+ "inheritedFrom": {
8361
+ "name": "CategorizedMultiselect",
8362
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8363
+ }
8364
+ },
8365
+ {
8366
+ "kind": "method",
8367
+ "name": "isOptionSelected",
8239
8368
  "return": {
8240
8369
  "type": {
8241
- "text": "void"
8370
+ "text": "boolean"
8242
8371
  }
8243
8372
  },
8373
+ "parameters": [
8374
+ {
8375
+ "name": "normalizedOption",
8376
+ "type": {
8377
+ "text": "CategorizedMultiselectOption"
8378
+ }
8379
+ }
8380
+ ],
8244
8381
  "inheritedFrom": {
8245
- "name": "Checkbox",
8246
- "module": "src/checkbox/checkbox.ts"
8382
+ "name": "CategorizedMultiselect",
8383
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8247
8384
  }
8248
8385
  },
8249
8386
  {
8250
- "kind": "field",
8251
- "name": "indeterminate",
8252
- "type": {
8253
- "text": "boolean"
8254
- },
8255
- "privacy": "public",
8256
- "default": "false",
8257
- "description": "The indeterminate state of the control",
8387
+ "kind": "method",
8388
+ "name": "selectCheckboxOne",
8389
+ "parameters": [
8390
+ {
8391
+ "name": "normalizedOption",
8392
+ "type": {
8393
+ "text": "CategorizedMultiselectOption"
8394
+ }
8395
+ }
8396
+ ],
8258
8397
  "inheritedFrom": {
8259
- "name": "Checkbox",
8260
- "module": "src/checkbox/checkbox.ts"
8398
+ "name": "CategorizedMultiselect",
8399
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8261
8400
  }
8262
8401
  },
8263
8402
  {
8264
- "kind": "field",
8265
- "name": "proxy",
8403
+ "kind": "method",
8404
+ "name": "setFilter",
8405
+ "inheritedFrom": {
8406
+ "name": "CategorizedMultiselect",
8407
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8408
+ }
8409
+ },
8410
+ {
8411
+ "kind": "method",
8412
+ "name": "changeHandler",
8413
+ "parameters": [
8414
+ {
8415
+ "name": "event",
8416
+ "type": {
8417
+ "text": "Event"
8418
+ }
8419
+ }
8420
+ ],
8421
+ "inheritedFrom": {
8422
+ "name": "CategorizedMultiselect",
8423
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8424
+ }
8425
+ },
8426
+ {
8427
+ "kind": "method",
8428
+ "name": "handleClickOutside",
8429
+ "privacy": "private",
8430
+ "parameters": [
8431
+ {
8432
+ "name": "event",
8433
+ "type": {
8434
+ "text": "MouseEvent"
8435
+ }
8436
+ }
8437
+ ],
8266
8438
  "inheritedFrom": {
8267
- "name": "Checkbox",
8268
- "module": "src/checkbox/checkbox.ts"
8439
+ "name": "CategorizedMultiselect",
8440
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8269
8441
  }
8270
8442
  },
8271
8443
  {
@@ -8277,8 +8449,8 @@
8277
8449
  "privacy": "private",
8278
8450
  "default": "void 0",
8279
8451
  "inheritedFrom": {
8280
- "name": "Checkbox",
8281
- "module": "src/checkbox/checkbox.ts"
8452
+ "name": "FoundationElement",
8453
+ "module": "src/foundation-element/foundation-element.ts"
8282
8454
  }
8283
8455
  },
8284
8456
  {
@@ -8290,8 +8462,8 @@
8290
8462
  "privacy": "public",
8291
8463
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
8292
8464
  "inheritedFrom": {
8293
- "name": "Checkbox",
8294
- "module": "src/checkbox/checkbox.ts"
8465
+ "name": "FoundationElement",
8466
+ "module": "src/foundation-element/foundation-element.ts"
8295
8467
  }
8296
8468
  },
8297
8469
  {
@@ -8303,8 +8475,8 @@
8303
8475
  "privacy": "public",
8304
8476
  "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
8305
8477
  "inheritedFrom": {
8306
- "name": "Checkbox",
8307
- "module": "src/checkbox/checkbox.ts"
8478
+ "name": "FoundationElement",
8479
+ "module": "src/foundation-element/foundation-element.ts"
8308
8480
  }
8309
8481
  },
8310
8482
  {
@@ -8317,8 +8489,8 @@
8317
8489
  }
8318
8490
  },
8319
8491
  "inheritedFrom": {
8320
- "name": "Checkbox",
8321
- "module": "src/checkbox/checkbox.ts"
8492
+ "name": "FoundationElement",
8493
+ "module": "src/foundation-element/foundation-element.ts"
8322
8494
  }
8323
8495
  },
8324
8496
  {
@@ -8330,8 +8502,8 @@
8330
8502
  "privacy": "public",
8331
8503
  "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
8332
8504
  "inheritedFrom": {
8333
- "name": "Checkbox",
8334
- "module": "src/checkbox/checkbox.ts"
8505
+ "name": "FoundationElement",
8506
+ "module": "src/foundation-element/foundation-element.ts"
8335
8507
  }
8336
8508
  },
8337
8509
  {
@@ -8344,8 +8516,8 @@
8344
8516
  }
8345
8517
  },
8346
8518
  "inheritedFrom": {
8347
- "name": "Checkbox",
8348
- "module": "src/checkbox/checkbox.ts"
8519
+ "name": "FoundationElement",
8520
+ "module": "src/foundation-element/foundation-element.ts"
8349
8521
  }
8350
8522
  },
8351
8523
  {
@@ -8375,237 +8547,65 @@
8375
8547
  ],
8376
8548
  "description": "Defines an element registry function with a set of element definition defaults.",
8377
8549
  "inheritedFrom": {
8378
- "name": "Checkbox",
8379
- "module": "src/checkbox/checkbox.ts"
8380
- }
8381
- }
8382
- ],
8383
- "events": [
8384
- {
8385
- "description": "Emits a custom change event when the checked state changes",
8386
- "name": "change",
8387
- "inheritedFrom": {
8388
- "name": "Checkbox",
8389
- "module": "src/checkbox/checkbox.ts"
8550
+ "name": "FoundationElement",
8551
+ "module": "src/foundation-element/foundation-element.ts"
8390
8552
  }
8391
8553
  }
8392
8554
  ]
8393
8555
  },
8394
8556
  {
8395
8557
  "kind": "variable",
8396
- "name": "rapidCheckbox"
8397
- }
8398
- ],
8399
- "exports": [
8400
- {
8401
- "kind": "js",
8402
- "name": "Checkbox",
8403
- "declaration": {
8404
- "name": "Checkbox",
8405
- "module": "src/checkbox/checkbox.ts"
8406
- }
8407
- },
8408
- {
8409
- "kind": "js",
8410
- "name": "rapidCheckbox",
8411
- "declaration": {
8412
- "name": "rapidCheckbox",
8413
- "module": "src/checkbox/checkbox.ts"
8414
- }
8415
- }
8416
- ]
8417
- },
8418
- {
8419
- "kind": "javascript-module",
8420
- "path": "src/checkbox/index.ts",
8421
- "declarations": [],
8422
- "exports": [
8423
- {
8424
- "kind": "js",
8425
- "name": "*",
8426
- "declaration": {
8427
- "name": "*",
8428
- "package": "./checkbox"
8429
- }
8430
- },
8431
- {
8432
- "kind": "js",
8433
- "name": "*",
8434
- "declaration": {
8435
- "name": "*",
8436
- "package": "./checkbox.styles"
8437
- }
8558
+ "name": "defaultCategorizedMultiselectConfig",
8559
+ "default": "foundationCategorizedMultiselectConfig"
8438
8560
  },
8439
- {
8440
- "kind": "js",
8441
- "name": "*",
8442
- "declaration": {
8443
- "name": "*",
8444
- "package": "./checkbox.template"
8445
- }
8446
- }
8447
- ]
8448
- },
8449
- {
8450
- "kind": "javascript-module",
8451
- "path": "src/combobox/combobox.stories.ts",
8452
- "declarations": [
8453
8561
  {
8454
8562
  "kind": "variable",
8455
- "name": "meta",
8456
- "type": {
8457
- "text": "Meta"
8458
- },
8459
- "default": "{\n title: 'Combobox',\n component: 'rapid-combobox',\n}"
8563
+ "name": "rapidCategorizedMultiselectShadowOptions",
8564
+ "default": "foundationCategorizedMultiselectShadowOptions"
8460
8565
  },
8461
8566
  {
8462
8567
  "kind": "variable",
8463
- "name": "Primary",
8464
- "type": {
8465
- "text": "StoryObj"
8466
- },
8467
- "default": "{\n ...OptionsMapperTemplate,\n argTypes: {\n position: {\n control: 'select',\n options: ['above', 'below'],\n },\n },\n args: {\n options: optionsData,\n position: 'below',\n },\n}"
8568
+ "name": "rapidCategorizedMultiselect"
8468
8569
  }
8469
8570
  ],
8470
8571
  "exports": [
8471
8572
  {
8472
8573
  "kind": "js",
8473
- "name": "default",
8574
+ "name": "CategorizedMultiselect",
8474
8575
  "declaration": {
8475
- "name": "meta",
8476
- "module": "src/combobox/combobox.stories.ts"
8576
+ "name": "CategorizedMultiselect",
8577
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8477
8578
  }
8478
8579
  },
8479
8580
  {
8480
8581
  "kind": "js",
8481
- "name": "Primary",
8482
- "declaration": {
8483
- "name": "Primary",
8484
- "module": "src/combobox/combobox.stories.ts"
8485
- }
8486
- }
8487
- ]
8488
- },
8489
- {
8490
- "kind": "javascript-module",
8491
- "path": "src/combobox/combobox.styles.ts",
8492
- "declarations": [
8493
- {
8494
- "kind": "function",
8495
- "name": "rapidComboboxStyles",
8496
- "return": {
8497
- "type": {
8498
- "text": "ElementStyles"
8499
- }
8500
- },
8501
- "parameters": [
8502
- {
8503
- "name": "context",
8504
- "type": {
8505
- "text": "ElementDefinitionContext"
8506
- }
8507
- },
8508
- {
8509
- "name": "definition",
8510
- "type": {
8511
- "text": "FoundationElementDefinition"
8512
- }
8513
- }
8514
- ]
8515
- }
8516
- ],
8517
- "exports": [
8518
- {
8519
- "kind": "js",
8520
- "name": "rapidComboboxStyles",
8521
- "declaration": {
8522
- "name": "rapidComboboxStyles",
8523
- "module": "src/combobox/combobox.styles.ts"
8524
- }
8525
- }
8526
- ]
8527
- },
8528
- {
8529
- "kind": "javascript-module",
8530
- "path": "src/combobox/combobox.template.ts",
8531
- "declarations": [
8532
- {
8533
- "kind": "function",
8534
- "name": "rapidComboboxTemplate",
8535
- "return": {
8536
- "type": {
8537
- "text": "ViewTemplate<Combobox>"
8538
- }
8539
- },
8540
- "parameters": [
8541
- {
8542
- "name": "context",
8543
- "type": {
8544
- "text": "ElementDefinitionContext"
8545
- }
8546
- },
8547
- {
8548
- "name": "definition",
8549
- "type": {
8550
- "text": "FoundationElementDefinition"
8551
- }
8552
- }
8553
- ]
8554
- }
8555
- ],
8556
- "exports": [
8557
- {
8558
- "kind": "js",
8559
- "name": "rapidComboboxTemplate",
8582
+ "name": "defaultCategorizedMultiselectConfig",
8560
8583
  "declaration": {
8561
- "name": "rapidComboboxTemplate",
8562
- "module": "src/combobox/combobox.template.ts"
8584
+ "name": "defaultCategorizedMultiselectConfig",
8585
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8563
8586
  }
8564
- }
8565
- ]
8566
- },
8567
- {
8568
- "kind": "javascript-module",
8569
- "path": "src/combobox/combobox.ts",
8570
- "declarations": [
8571
- {
8572
- "kind": "class",
8573
- "description": "",
8574
- "name": "Combobox",
8575
- "superclass": {
8576
- "name": "FoundationComboBox",
8577
- "package": "@genesislcap/foundation-ui"
8578
- },
8579
- "tagName": "%%prefix%%-combobox",
8580
- "customElement": true
8581
8587
  },
8582
- {
8583
- "kind": "variable",
8584
- "name": "rapidCombobox"
8585
- }
8586
- ],
8587
- "exports": [
8588
8588
  {
8589
8589
  "kind": "js",
8590
- "name": "Combobox",
8590
+ "name": "rapidCategorizedMultiselectShadowOptions",
8591
8591
  "declaration": {
8592
- "name": "Combobox",
8593
- "module": "src/combobox/combobox.ts"
8592
+ "name": "rapidCategorizedMultiselectShadowOptions",
8593
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8594
8594
  }
8595
8595
  },
8596
8596
  {
8597
8597
  "kind": "js",
8598
- "name": "rapidCombobox",
8598
+ "name": "rapidCategorizedMultiselect",
8599
8599
  "declaration": {
8600
- "name": "rapidCombobox",
8601
- "module": "src/combobox/combobox.ts"
8600
+ "name": "rapidCategorizedMultiselect",
8601
+ "module": "src/categorized-multiselect/categorized-multiselect.ts"
8602
8602
  }
8603
8603
  }
8604
8604
  ]
8605
8605
  },
8606
8606
  {
8607
8607
  "kind": "javascript-module",
8608
- "path": "src/combobox/index.ts",
8608
+ "path": "src/categorized-multiselect/index.ts",
8609
8609
  "declarations": [],
8610
8610
  "exports": [
8611
8611
  {
@@ -8613,7 +8613,7 @@
8613
8613
  "name": "*",
8614
8614
  "declaration": {
8615
8615
  "name": "*",
8616
- "package": "./combobox"
8616
+ "package": "./categorized-multiselect"
8617
8617
  }
8618
8618
  },
8619
8619
  {
@@ -8621,7 +8621,7 @@
8621
8621
  "name": "*",
8622
8622
  "declaration": {
8623
8623
  "name": "*",
8624
- "package": "./combobox.styles"
8624
+ "package": "./categorized-multiselect.styles"
8625
8625
  }
8626
8626
  },
8627
8627
  {
@@ -8629,7 +8629,7 @@
8629
8629
  "name": "*",
8630
8630
  "declaration": {
8631
8631
  "name": "*",
8632
- "package": "./combobox.template"
8632
+ "package": "./categorized-multiselect.template"
8633
8633
  }
8634
8634
  }
8635
8635
  ]