@genesislcap/foundation-ui 15.24.2 → 15.25.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/custom-elements.json +868 -868
  2. package/dist/dts/dialog/dialog.styles.d.ts.map +1 -1
  3. package/dist/dts/react.d.ts +17 -17
  4. package/dist/esm/dialog/dialog.styles.js +1 -0
  5. package/dist/react.cjs +11 -11
  6. package/dist/react.mjs +9 -9
  7. package/package.json +18 -18
package/dist/custom-elements.json CHANGED
@@ -1493,37 +1493,6 @@
1493
1493
  }
1494
1494
  ]
1495
1495
  },
1496
- {
1497
- "kind": "javascript-module",
1498
- "path": "src/_config/index.ts",
1499
- "declarations": [],
1500
- "exports": [
1501
- {
1502
- "kind": "js",
1503
- "name": "*",
1504
- "declaration": {
1505
- "name": "*",
1506
- "package": "./styles"
1507
- }
1508
- },
1509
- {
1510
- "kind": "js",
1511
- "name": "*",
1512
- "declaration": {
1513
- "name": "*",
1514
- "package": "./tokens"
1515
- }
1516
- },
1517
- {
1518
- "kind": "js",
1519
- "name": "*",
1520
- "declaration": {
1521
- "name": "*",
1522
- "package": "./values"
1523
- }
1524
- }
1525
- ]
1526
- },
1527
1496
  {
1528
1497
  "kind": "javascript-module",
1529
1498
  "path": "src/accordion/accordion.styles.ts",
@@ -2039,6 +2008,37 @@
2039
2008
  }
2040
2009
  ]
2041
2010
  },
2011
+ {
2012
+ "kind": "javascript-module",
2013
+ "path": "src/_config/index.ts",
2014
+ "declarations": [],
2015
+ "exports": [
2016
+ {
2017
+ "kind": "js",
2018
+ "name": "*",
2019
+ "declaration": {
2020
+ "name": "*",
2021
+ "package": "./styles"
2022
+ }
2023
+ },
2024
+ {
2025
+ "kind": "js",
2026
+ "name": "*",
2027
+ "declaration": {
2028
+ "name": "*",
2029
+ "package": "./tokens"
2030
+ }
2031
+ },
2032
+ {
2033
+ "kind": "js",
2034
+ "name": "*",
2035
+ "declaration": {
2036
+ "name": "*",
2037
+ "package": "./values"
2038
+ }
2039
+ }
2040
+ ]
2041
+ },
2042
2042
  {
2043
2043
  "kind": "javascript-module",
2044
2044
  "path": "src/accordion-item/accordion-item.styles.ts",
@@ -2435,115 +2435,203 @@
2435
2435
  },
2436
2436
  {
2437
2437
  "kind": "javascript-module",
2438
- "path": "src/ai-criteria-search/ai-criteria-search.styles.ts",
2438
+ "path": "src/actions-menu/actions-menu.styles.ts",
2439
2439
  "declarations": [
2440
2440
  {
2441
- "kind": "variable",
2442
- "name": "foundationAiCriteriaSearchStyles",
2443
- "default": "css`\n :host {\n display: block;\n width: 800px;\n }\n\n .ai-criteria-search {\n display: flex;\n flex-direction: column;\n gap: calc(${designUnit} * 2px);\n }\n\n .ai-criteria-search-row {\n display: flex;\n flex-direction: row;\n gap: calc(${designUnit} * 2px);\n align-items: center;\n }\n\n .criteria-input {\n height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px);\n flex: 1;\n min-width: 0;\n }\n\n .criteria-chips-inline {\n height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px);\n flex: 1;\n min-width: 0;\n display: flex;\n align-items: center;\n gap: calc(${designUnit} * 1px);\n overflow-x: auto;\n padding: 0 calc(${designUnit} * 2px);\n background: var(--neutral-fill-input-rest);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n scrollbar-width: none;\n }\n\n .criteria-chips-inline::-webkit-scrollbar {\n display: none;\n }\n\n .mic-icon {\n color: var(--neutral-foreground-rest);\n fill: currentColor;\n }\n\n .criteria-toggle-button,\n .criteria-clear-button {\n flex-shrink: 0;\n }\n\n .criteria-chip {\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n gap: calc(${designUnit} * 1px);\n padding: calc(${designUnit} * 0.5px) calc(${designUnit} * 2px);\n background: var(--neutral-fill-rest);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n border-radius: calc(${designUnit} * 4px);\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-rest);\n white-space: nowrap;\n }\n\n .criteria-chip-field {\n font-weight: 600;\n }\n\n .criteria-chip-operator {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-style: italic;\n }\n\n .criteria-chip-remove {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 14px;\n height: 14px;\n padding: 0;\n margin-left: calc(${designUnit} * 0.5px);\n background: none;\n border: none;\n cursor: pointer;\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: 10px;\n border-radius: 50%;\n line-height: 1;\n }\n\n .criteria-chip-remove:hover {\n background: var(--neutral-fill-hover);\n color: var(--neutral-foreground-rest);\n }\n`"
2441
+ "kind": "function",
2442
+ "name": "actionsMenuBaseStyles",
2443
+ "return": {
2444
+ "type": {
2445
+ "text": "ElementStyles"
2446
+ }
2447
+ },
2448
+ "parameters": [
2449
+ {
2450
+ "name": "context",
2451
+ "type": {
2452
+ "text": "ElementDefinitionContext"
2453
+ }
2454
+ },
2455
+ {
2456
+ "name": "definition",
2457
+ "type": {
2458
+ "text": "FoundationElementDefinition"
2459
+ }
2460
+ }
2461
+ ]
2462
+ },
2463
+ {
2464
+ "kind": "function",
2465
+ "name": "foundationActionsMenuStyles",
2466
+ "return": {
2467
+ "type": {
2468
+ "text": "ElementStyles"
2469
+ }
2470
+ },
2471
+ "parameters": [
2472
+ {
2473
+ "name": "context",
2474
+ "type": {
2475
+ "text": "ElementDefinitionContext"
2476
+ }
2477
+ },
2478
+ {
2479
+ "name": "definition",
2480
+ "type": {
2481
+ "text": "FoundationElementDefinition"
2482
+ }
2483
+ }
2484
+ ]
2444
2485
  }
2445
2486
  ],
2446
2487
  "exports": [
2447
2488
  {
2448
2489
  "kind": "js",
2449
- "name": "foundationAiCriteriaSearchStyles",
2490
+ "name": "actionsMenuBaseStyles",
2450
2491
  "declaration": {
2451
- "name": "foundationAiCriteriaSearchStyles",
2452
- "module": "src/ai-criteria-search/ai-criteria-search.styles.ts"
2492
+ "name": "actionsMenuBaseStyles",
2493
+ "module": "src/actions-menu/actions-menu.styles.ts"
2494
+ }
2495
+ },
2496
+ {
2497
+ "kind": "js",
2498
+ "name": "foundationActionsMenuStyles",
2499
+ "declaration": {
2500
+ "name": "foundationActionsMenuStyles",
2501
+ "module": "src/actions-menu/actions-menu.styles.ts"
2453
2502
  }
2454
2503
  }
2455
2504
  ]
2456
2505
  },
2457
2506
  {
2458
2507
  "kind": "javascript-module",
2459
- "path": "src/ai-criteria-search/ai-criteria-search.template.ts",
2508
+ "path": "src/actions-menu/actions-menu.template.ts",
2460
2509
  "declarations": [
2510
+ {
2511
+ "kind": "function",
2512
+ "name": "menuTemplate",
2513
+ "parameters": [
2514
+ {
2515
+ "name": "prefix",
2516
+ "type": {
2517
+ "text": "string"
2518
+ }
2519
+ }
2520
+ ]
2521
+ },
2522
+ {
2523
+ "kind": "function",
2524
+ "name": "singleOptionTemplate",
2525
+ "parameters": [
2526
+ {
2527
+ "name": "prefix",
2528
+ "type": {
2529
+ "text": "string"
2530
+ }
2531
+ }
2532
+ ]
2533
+ },
2461
2534
  {
2462
2535
  "kind": "variable",
2463
- "name": "foundationAiCriteriaSearchTemplate",
2536
+ "name": "foundationActionsMenuTemplate",
2464
2537
  "type": {
2465
- "text": "ViewTemplate<AiCriteriaSearch>"
2538
+ "text": "ViewTemplate<ActionsMenu>"
2466
2539
  },
2467
- "default": "html`\n ${(x) => aiCriteriaSearchTemplate(getPrefix(x))}\n`"
2540
+ "default": "html`\n <div\n class=\"actions-container${(x) => (x.isVertical ? ' actions-vertical' : '')}\"\n part=\"actions-container\"\n >\n ${(x) => x.getTemplate(getPrefix(x))}\n </div>\n`"
2468
2541
  }
2469
2542
  ],
2470
2543
  "exports": [
2471
2544
  {
2472
2545
  "kind": "js",
2473
- "name": "foundationAiCriteriaSearchTemplate",
2546
+ "name": "menuTemplate",
2474
2547
  "declaration": {
2475
- "name": "foundationAiCriteriaSearchTemplate",
2476
- "module": "src/ai-criteria-search/ai-criteria-search.template.ts"
2548
+ "name": "menuTemplate",
2549
+ "module": "src/actions-menu/actions-menu.template.ts"
2550
+ }
2551
+ },
2552
+ {
2553
+ "kind": "js",
2554
+ "name": "singleOptionTemplate",
2555
+ "declaration": {
2556
+ "name": "singleOptionTemplate",
2557
+ "module": "src/actions-menu/actions-menu.template.ts"
2558
+ }
2559
+ },
2560
+ {
2561
+ "kind": "js",
2562
+ "name": "foundationActionsMenuTemplate",
2563
+ "declaration": {
2564
+ "name": "foundationActionsMenuTemplate",
2565
+ "module": "src/actions-menu/actions-menu.template.ts"
2477
2566
  }
2478
2567
  }
2479
2568
  ]
2480
2569
  },
2481
2570
  {
2482
2571
  "kind": "javascript-module",
2483
- "path": "src/ai-criteria-search/ai-criteria-search.ts",
2572
+ "path": "src/actions-menu/actions-menu.ts",
2484
2573
  "declarations": [
2485
2574
  {
2486
2575
  "kind": "class",
2487
- "description": "Natural-language criteria search input with AI interpretation.",
2488
- "name": "AiCriteriaSearch",
2576
+ "description": "",
2577
+ "name": "ActionsMenu",
2489
2578
  "members": [
2490
2579
  {
2491
2580
  "kind": "field",
2492
- "name": "providerRegistry",
2581
+ "name": "actions",
2493
2582
  "type": {
2494
- "text": "AIProviderRegistry"
2583
+ "text": "ActionMenuItem[]"
2495
2584
  }
2496
2585
  },
2497
2586
  {
2498
2587
  "kind": "field",
2499
- "name": "placeholder",
2588
+ "name": "isVertical",
2500
2589
  "type": {
2501
- "text": "string"
2590
+ "text": "boolean"
2502
2591
  },
2503
- "default": "'Describe your search criteria in natural language...'"
2592
+ "default": "false"
2504
2593
  },
2505
2594
  {
2506
2595
  "kind": "field",
2507
- "name": "disabled",
2596
+ "name": "addDefaultActions",
2508
2597
  "type": {
2509
2598
  "text": "boolean"
2510
- }
2599
+ },
2600
+ "default": "true"
2511
2601
  },
2512
2602
  {
2513
2603
  "kind": "field",
2514
- "name": "inputValue",
2604
+ "name": "autoCloseOnAction",
2515
2605
  "type": {
2516
- "text": "string"
2606
+ "text": "boolean"
2517
2607
  },
2518
- "default": "''"
2608
+ "default": "true"
2519
2609
  },
2520
2610
  {
2521
2611
  "kind": "field",
2522
- "name": "isInterpreting",
2612
+ "name": "classNames",
2523
2613
  "type": {
2524
- "text": "boolean"
2525
- },
2526
- "default": "false"
2614
+ "text": "string"
2615
+ }
2527
2616
  },
2528
2617
  {
2529
2618
  "kind": "field",
2530
- "name": "lastValidCriteria",
2619
+ "name": "definition",
2531
2620
  "type": {
2532
- "text": "string | null"
2533
- },
2534
- "default": "null"
2621
+ "text": "any"
2622
+ }
2535
2623
  },
2536
2624
  {
2537
2625
  "kind": "field",
2538
- "name": "activeGroups",
2626
+ "name": "name",
2539
2627
  "type": {
2540
- "text": "CriteriaGroup[]"
2628
+ "text": "string"
2541
2629
  },
2542
- "default": "[]"
2630
+ "default": "'Actions'"
2543
2631
  },
2544
2632
  {
2545
2633
  "kind": "field",
2546
- "name": "showingChips",
2634
+ "name": "open",
2547
2635
  "type": {
2548
2636
  "text": "boolean"
2549
2637
  },
@@ -2551,15 +2639,14 @@
2551
2639
  },
2552
2640
  {
2553
2641
  "kind": "field",
2554
- "name": "fieldMetadata",
2642
+ "name": "buttonAppearance",
2555
2643
  "type": {
2556
- "text": "MetadataDetail[] | string[]"
2557
- },
2558
- "default": "[]"
2644
+ "text": "string"
2645
+ }
2559
2646
  },
2560
2647
  {
2561
2648
  "kind": "field",
2562
- "name": "isRecording",
2649
+ "name": "hideDisabled",
2563
2650
  "type": {
2564
2651
  "text": "boolean"
2565
2652
  },
@@ -2567,125 +2654,114 @@
2567
2654
  },
2568
2655
  {
2569
2656
  "kind": "field",
2570
- "name": "textAreaRef",
2657
+ "name": "hideMenuSingleOption",
2571
2658
  "type": {
2572
- "text": "HTMLTextAreaElement"
2659
+ "text": "boolean"
2573
2660
  },
2574
- "privacy": "public"
2661
+ "default": "false"
2575
2662
  },
2576
2663
  {
2577
2664
  "kind": "field",
2578
- "name": "stopRecording",
2665
+ "name": "singleOption",
2579
2666
  "type": {
2580
- "text": "(() => void) | null"
2581
- },
2582
- "privacy": "private",
2583
- "default": "null"
2667
+ "text": "ActionMenuItem"
2668
+ }
2584
2669
  },
2585
2670
  {
2586
2671
  "kind": "field",
2587
- "name": "speechApplyDebounceTimer",
2672
+ "name": "actionsMenu",
2588
2673
  "type": {
2589
- "text": "ReturnType<typeof setTimeout> | null"
2590
- },
2591
- "privacy": "private",
2592
- "default": "null"
2593
- },
2594
- {
2595
- "kind": "field",
2596
- "name": "speechAvailable",
2597
- "type": {
2598
- "text": "boolean"
2599
- },
2600
- "readonly": true
2674
+ "text": "HTMLElement"
2675
+ }
2601
2676
  },
2602
2677
  {
2603
2678
  "kind": "field",
2604
- "name": "criteriaChips",
2679
+ "name": "actionsOpener",
2605
2680
  "type": {
2606
- "text": "CriteriaChip[]"
2607
- },
2608
- "readonly": true
2609
- },
2610
- {
2611
- "kind": "method",
2612
- "name": "getFieldLabel",
2613
- "privacy": "private",
2614
- "return": {
2615
- "type": {
2616
- "text": "string"
2617
- }
2618
- },
2619
- "parameters": [
2620
- {
2621
- "name": "fieldName",
2622
- "type": {
2623
- "text": "string"
2624
- }
2625
- }
2626
- ]
2681
+ "text": "HTMLElement"
2682
+ }
2627
2683
  },
2628
2684
  {
2629
2685
  "kind": "method",
2630
- "name": "toggleCriteriaView",
2631
- "return": {
2632
- "type": {
2633
- "text": "void"
2634
- }
2635
- }
2686
+ "name": "updateMenuPosition",
2687
+ "privacy": "private"
2636
2688
  },
2637
2689
  {
2638
2690
  "kind": "method",
2639
- "name": "removeChip",
2640
- "return": {
2641
- "type": {
2642
- "text": "void"
2643
- }
2644
- },
2691
+ "name": "definitionChanged",
2692
+ "privacy": "protected",
2645
2693
  "parameters": [
2646
2694
  {
2647
- "name": "groupIndex",
2695
+ "name": "oldValue",
2648
2696
  "type": {
2649
- "text": "number"
2697
+ "text": "any"
2650
2698
  }
2651
2699
  },
2652
2700
  {
2653
- "name": "clauseIndex",
2701
+ "name": "newValue",
2654
2702
  "type": {
2655
- "text": "number"
2703
+ "text": "any"
2656
2704
  }
2657
2705
  }
2658
2706
  ]
2659
2707
  },
2660
2708
  {
2661
2709
  "kind": "method",
2662
- "name": "clearChips",
2663
- "return": {
2664
- "type": {
2665
- "text": "void"
2666
- }
2667
- }
2710
+ "name": "openChanged",
2711
+ "privacy": "protected"
2668
2712
  },
2669
2713
  {
2670
2714
  "kind": "method",
2671
- "name": "handleSubmit"
2715
+ "name": "toggleActionsMenuVisibility"
2672
2716
  },
2673
2717
  {
2674
2718
  "kind": "method",
2675
- "name": "handleBlur"
2719
+ "name": "onActionMenuItemClick",
2720
+ "parameters": [
2721
+ {
2722
+ "name": "callback",
2723
+ "type": {
2724
+ "text": "(rowData) => void | any"
2725
+ }
2726
+ }
2727
+ ]
2676
2728
  },
2677
2729
  {
2678
- "kind": "method",
2679
- "name": "clear"
2730
+ "kind": "field",
2731
+ "name": "allActions",
2732
+ "type": {
2733
+ "text": "ActionMenuItem[]"
2734
+ },
2735
+ "readonly": true
2736
+ },
2737
+ {
2738
+ "kind": "field",
2739
+ "name": "rowData",
2740
+ "readonly": true
2680
2741
  },
2681
2742
  {
2682
2743
  "kind": "method",
2683
- "name": "toggleSpeechInput"
2744
+ "name": "getLabel",
2745
+ "parameters": [
2746
+ {
2747
+ "name": "name",
2748
+ "type": {
2749
+ "text": "string | ((rowData: any) => string)"
2750
+ }
2751
+ }
2752
+ ]
2684
2753
  },
2685
2754
  {
2686
2755
  "kind": "method",
2687
- "name": "clearSpeechApplyDebounce",
2688
- "privacy": "private"
2756
+ "name": "getTemplate",
2757
+ "parameters": [
2758
+ {
2759
+ "name": "prefix",
2760
+ "type": {
2761
+ "text": "string"
2762
+ }
2763
+ }
2764
+ ]
2689
2765
  },
2690
2766
  {
2691
2767
  "kind": "field",
@@ -2799,320 +2875,188 @@
2799
2875
  }
2800
2876
  }
2801
2877
  ],
2802
- "events": [
2878
+ "attributes": [
2803
2879
  {
2804
- "description": "Fired when interpreted criteria is applied or cleared. detail: `string | null`",
2805
- "name": "criteria-changed"
2880
+ "name": "is-vertical",
2881
+ "type": {
2882
+ "text": "boolean"
2883
+ },
2884
+ "default": "false",
2885
+ "fieldName": "isVertical"
2806
2886
  },
2807
2887
  {
2808
- "description": "Fired when interpreted criteria contains invalid clauses. detail: `ValidationError[]`",
2809
- "name": "validation-errors"
2810
- }
2811
- ],
2812
- "attributes": [
2888
+ "name": "add-default-actions",
2889
+ "type": {
2890
+ "text": "boolean"
2891
+ },
2892
+ "default": "true",
2893
+ "fieldName": "addDefaultActions"
2894
+ },
2813
2895
  {
2814
- "name": "placeholder",
2896
+ "name": "auto-close-on-action",
2897
+ "type": {
2898
+ "text": "boolean"
2899
+ },
2900
+ "default": "true",
2901
+ "fieldName": "autoCloseOnAction"
2902
+ },
2903
+ {
2904
+ "name": "name",
2815
2905
  "type": {
2816
2906
  "text": "string"
2817
2907
  },
2818
- "default": "'Describe your search criteria in natural language...'",
2819
- "fieldName": "placeholder"
2908
+ "default": "'Actions'",
2909
+ "fieldName": "name"
2820
2910
  },
2821
2911
  {
2912
+ "name": "open",
2822
2913
  "type": {
2823
2914
  "text": "boolean"
2824
2915
  },
2825
- "fieldName": "disabled"
2916
+ "default": "false",
2917
+ "fieldName": "open"
2918
+ },
2919
+ {
2920
+ "name": "buttonAppearance",
2921
+ "type": {
2922
+ "text": "string"
2923
+ },
2924
+ "fieldName": "buttonAppearance"
2925
+ },
2926
+ {
2927
+ "name": "hide-disabled",
2928
+ "type": {
2929
+ "text": "boolean"
2930
+ },
2931
+ "default": "false",
2932
+ "fieldName": "hideDisabled"
2933
+ },
2934
+ {
2935
+ "name": "hide-menu-single-option",
2936
+ "type": {
2937
+ "text": "boolean"
2938
+ },
2939
+ "default": "false",
2940
+ "fieldName": "hideMenuSingleOption"
2826
2941
  }
2827
2942
  ],
2828
2943
  "superclass": {
2829
2944
  "name": "FoundationElement",
2830
2945
  "package": "@microsoft/fast-foundation"
2831
2946
  },
2832
- "tagName": "%%prefix%%-ai-criteria-search",
2947
+ "tagName": "%%prefix%%-actions-menu",
2833
2948
  "customElement": true
2834
2949
  },
2835
2950
  {
2836
2951
  "kind": "variable",
2837
- "name": "foundationAiCriteriaSearchShadowOptions",
2838
- "type": {
2839
- "text": "ShadowRootInit"
2840
- },
2841
- "default": "undefined"
2842
- },
2843
- {
2844
- "kind": "variable",
2845
- "name": "defaultAiCriteriaSearchConfig",
2846
- "type": {
2847
- "text": "object"
2848
- },
2849
- "default": "{}"
2850
- },
2851
- {
2852
- "kind": "variable",
2853
- "name": "foundationAiCriteriaSearch"
2952
+ "name": "foundationActionsMenu",
2953
+ "description": "The Foundation Actions Menu",
2954
+ "privacy": "public"
2854
2955
  }
2855
2956
  ],
2856
2957
  "exports": [
2857
2958
  {
2858
2959
  "kind": "js",
2859
- "name": "AiCriteriaSearch",
2860
- "declaration": {
2861
- "name": "AiCriteriaSearch",
2862
- "module": "src/ai-criteria-search/ai-criteria-search.ts"
2863
- }
2864
- },
2865
- {
2866
- "kind": "js",
2867
- "name": "foundationAiCriteriaSearchShadowOptions",
2868
- "declaration": {
2869
- "name": "foundationAiCriteriaSearchShadowOptions",
2870
- "module": "src/ai-criteria-search/ai-criteria-search.ts"
2871
- }
2872
- },
2873
- {
2874
- "kind": "js",
2875
- "name": "defaultAiCriteriaSearchConfig",
2960
+ "name": "ActionsMenu",
2876
2961
  "declaration": {
2877
- "name": "defaultAiCriteriaSearchConfig",
2878
- "module": "src/ai-criteria-search/ai-criteria-search.ts"
2962
+ "name": "ActionsMenu",
2963
+ "module": "src/actions-menu/actions-menu.ts"
2879
2964
  }
2880
2965
  },
2881
2966
  {
2882
2967
  "kind": "js",
2883
- "name": "foundationAiCriteriaSearch",
2968
+ "name": "foundationActionsMenu",
2884
2969
  "declaration": {
2885
- "name": "foundationAiCriteriaSearch",
2886
- "module": "src/ai-criteria-search/ai-criteria-search.ts"
2970
+ "name": "foundationActionsMenu",
2971
+ "module": "src/actions-menu/actions-menu.ts"
2887
2972
  }
2888
2973
  }
2889
2974
  ]
2890
2975
  },
2891
2976
  {
2892
2977
  "kind": "javascript-module",
2893
- "path": "src/ai-criteria-search/index.ts",
2978
+ "path": "src/actions-menu/index.ts",
2894
2979
  "declarations": [],
2895
2980
  "exports": [
2896
2981
  {
2897
2982
  "kind": "js",
2898
- "name": "AiCriteriaSearch",
2983
+ "name": "*",
2899
2984
  "declaration": {
2900
- "name": "AiCriteriaSearch",
2901
- "module": "./ai-criteria-search"
2985
+ "name": "*",
2986
+ "package": "./actions-menu.styles"
2902
2987
  }
2903
2988
  },
2904
2989
  {
2905
2990
  "kind": "js",
2906
- "name": "defaultAiCriteriaSearchConfig",
2991
+ "name": "*",
2907
2992
  "declaration": {
2908
- "name": "defaultAiCriteriaSearchConfig",
2909
- "module": "./ai-criteria-search"
2993
+ "name": "*",
2994
+ "package": "./actions-menu.template"
2910
2995
  }
2911
2996
  },
2912
2997
  {
2913
2998
  "kind": "js",
2914
- "name": "foundationAiCriteriaSearch",
2999
+ "name": "*",
2915
3000
  "declaration": {
2916
- "name": "foundationAiCriteriaSearch",
2917
- "module": "./ai-criteria-search"
3001
+ "name": "*",
3002
+ "package": "./actions-menu"
2918
3003
  }
2919
- },
3004
+ }
3005
+ ]
3006
+ },
3007
+ {
3008
+ "kind": "javascript-module",
3009
+ "path": "src/ai-criteria-search/ai-criteria-search.styles.ts",
3010
+ "declarations": [
2920
3011
  {
2921
- "kind": "js",
2922
- "name": "foundationAiCriteriaSearchShadowOptions",
2923
- "declaration": {
2924
- "name": "foundationAiCriteriaSearchShadowOptions",
2925
- "module": "./ai-criteria-search"
2926
- }
2927
- },
2928
- {
2929
- "kind": "js",
3012
+ "kind": "variable",
2930
3013
  "name": "foundationAiCriteriaSearchStyles",
2931
- "declaration": {
2932
- "name": "foundationAiCriteriaSearchStyles",
2933
- "module": "./ai-criteria-search.styles"
2934
- }
2935
- },
2936
- {
2937
- "kind": "js",
2938
- "name": "foundationAiCriteriaSearchTemplate",
2939
- "declaration": {
2940
- "name": "foundationAiCriteriaSearchTemplate",
2941
- "module": "./ai-criteria-search.template"
2942
- }
2943
- },
2944
- {
2945
- "kind": "js",
2946
- "name": "*",
2947
- "declaration": {
2948
- "name": "*",
2949
- "package": "./validation/criteria-ir"
2950
- }
2951
- },
2952
- {
2953
- "kind": "js",
2954
- "name": "*",
2955
- "declaration": {
2956
- "name": "*",
2957
- "package": "./validation/operator-map"
2958
- }
2959
- },
2960
- {
2961
- "kind": "js",
2962
- "name": "*",
2963
- "declaration": {
2964
- "name": "*",
2965
- "package": "./validation/schema-validator"
2966
- }
2967
- }
2968
- ]
2969
- },
2970
- {
2971
- "kind": "javascript-module",
2972
- "path": "src/ai-criteria-search/validation-error-notification.ts",
2973
- "declarations": [
2974
- {
2975
- "kind": "function",
2976
- "name": "formatValidationErrors",
2977
- "return": {
2978
- "type": {
2979
- "text": "string"
2980
- }
2981
- },
2982
- "parameters": [
2983
- {
2984
- "name": "errors",
2985
- "type": {
2986
- "text": "ValidationError[]"
2987
- }
2988
- }
2989
- ],
2990
- "description": "Formats validation errors into a user-friendly message."
2991
- },
2992
- {
2993
- "kind": "function",
2994
- "name": "showCriteriaError",
2995
- "return": {
2996
- "type": {
2997
- "text": "void"
2998
- }
2999
- },
3000
- "parameters": [
3001
- {
3002
- "name": "title",
3003
- "type": {
3004
- "text": "string"
3005
- },
3006
- "description": "Notification title (e.g. \"Criteria validation error\")"
3007
- },
3008
- {
3009
- "name": "body",
3010
- "type": {
3011
- "text": "string"
3012
- },
3013
- "description": "Error message to display"
3014
- },
3015
- {
3016
- "name": "tagName",
3017
- "type": {
3018
- "text": "string"
3019
- },
3020
- "description": "Design system prefix (e.g. \"rapid\", \"foundation\")"
3021
- }
3022
- ],
3023
- "description": "Shows a criteria error as a toast notification."
3024
- }
3025
- ],
3026
- "exports": [
3027
- {
3028
- "kind": "js",
3029
- "name": "formatValidationErrors",
3030
- "declaration": {
3031
- "name": "formatValidationErrors",
3032
- "module": "src/ai-criteria-search/validation-error-notification.ts"
3033
- }
3034
- },
3035
- {
3036
- "kind": "js",
3037
- "name": "showCriteriaError",
3038
- "declaration": {
3039
- "name": "showCriteriaError",
3040
- "module": "src/ai-criteria-search/validation-error-notification.ts"
3041
- }
3042
- }
3043
- ]
3044
- },
3045
- {
3046
- "kind": "javascript-module",
3047
- "path": "src/ai-indicator/ai-indicator.styles.ts",
3048
- "declarations": [
3049
- {
3050
- "kind": "function",
3051
- "name": "foundationAiIndicatorStyles",
3052
- "return": {
3053
- "type": {
3054
- "text": "ElementStyles"
3055
- }
3056
- },
3057
- "parameters": [
3058
- {
3059
- "name": "context",
3060
- "type": {
3061
- "text": "ElementDefinitionContext"
3062
- }
3063
- },
3064
- {
3065
- "name": "definition",
3066
- "type": {
3067
- "text": "FoundationElementDefinition"
3068
- }
3069
- }
3070
- ]
3014
+ "default": "css`\n :host {\n display: block;\n width: 800px;\n }\n\n .ai-criteria-search {\n display: flex;\n flex-direction: column;\n gap: calc(${designUnit} * 2px);\n }\n\n .ai-criteria-search-row {\n display: flex;\n flex-direction: row;\n gap: calc(${designUnit} * 2px);\n align-items: center;\n }\n\n .criteria-input {\n height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px);\n flex: 1;\n min-width: 0;\n }\n\n .criteria-chips-inline {\n height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px);\n flex: 1;\n min-width: 0;\n display: flex;\n align-items: center;\n gap: calc(${designUnit} * 1px);\n overflow-x: auto;\n padding: 0 calc(${designUnit} * 2px);\n background: var(--neutral-fill-input-rest);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n scrollbar-width: none;\n }\n\n .criteria-chips-inline::-webkit-scrollbar {\n display: none;\n }\n\n .mic-icon {\n color: var(--neutral-foreground-rest);\n fill: currentColor;\n }\n\n .criteria-toggle-button,\n .criteria-clear-button {\n flex-shrink: 0;\n }\n\n .criteria-chip {\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n gap: calc(${designUnit} * 1px);\n padding: calc(${designUnit} * 0.5px) calc(${designUnit} * 2px);\n background: var(--neutral-fill-rest);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);\n border-radius: calc(${designUnit} * 4px);\n font-size: var(--type-ramp-minus-1-font-size);\n color: var(--neutral-foreground-rest);\n white-space: nowrap;\n }\n\n .criteria-chip-field {\n font-weight: 600;\n }\n\n .criteria-chip-operator {\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-style: italic;\n }\n\n .criteria-chip-remove {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 14px;\n height: 14px;\n padding: 0;\n margin-left: calc(${designUnit} * 0.5px);\n background: none;\n border: none;\n cursor: pointer;\n color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));\n font-size: 10px;\n border-radius: 50%;\n line-height: 1;\n }\n\n .criteria-chip-remove:hover {\n background: var(--neutral-fill-hover);\n color: var(--neutral-foreground-rest);\n }\n`"
3071
3015
  }
3072
3016
  ],
3073
3017
  "exports": [
3074
3018
  {
3075
3019
  "kind": "js",
3076
- "name": "foundationAiIndicatorStyles",
3020
+ "name": "foundationAiCriteriaSearchStyles",
3077
3021
  "declaration": {
3078
- "name": "foundationAiIndicatorStyles",
3079
- "module": "src/ai-indicator/ai-indicator.styles.ts"
3022
+ "name": "foundationAiCriteriaSearchStyles",
3023
+ "module": "src/ai-criteria-search/ai-criteria-search.styles.ts"
3080
3024
  }
3081
3025
  }
3082
3026
  ]
3083
3027
  },
3084
3028
  {
3085
3029
  "kind": "javascript-module",
3086
- "path": "src/ai-indicator/ai-indicator.template.ts",
3030
+ "path": "src/ai-criteria-search/ai-criteria-search.template.ts",
3087
3031
  "declarations": [
3088
3032
  {
3089
3033
  "kind": "variable",
3090
- "name": "foundationAiIndicatorTemplate",
3034
+ "name": "foundationAiCriteriaSearchTemplate",
3091
3035
  "type": {
3092
- "text": "ViewTemplate<AiIndicator>"
3036
+ "text": "ViewTemplate<AiCriteriaSearch>"
3093
3037
  },
3094
- "default": "html`\n ${(x) => aiIndicatorTemplate(getPrefix(x))}\n`"
3038
+ "default": "html`\n ${(x) => aiCriteriaSearchTemplate(getPrefix(x))}\n`"
3095
3039
  }
3096
3040
  ],
3097
3041
  "exports": [
3098
3042
  {
3099
3043
  "kind": "js",
3100
- "name": "foundationAiIndicatorTemplate",
3044
+ "name": "foundationAiCriteriaSearchTemplate",
3101
3045
  "declaration": {
3102
- "name": "foundationAiIndicatorTemplate",
3103
- "module": "src/ai-indicator/ai-indicator.template.ts"
3046
+ "name": "foundationAiCriteriaSearchTemplate",
3047
+ "module": "src/ai-criteria-search/ai-criteria-search.template.ts"
3104
3048
  }
3105
3049
  }
3106
3050
  ]
3107
3051
  },
3108
3052
  {
3109
3053
  "kind": "javascript-module",
3110
- "path": "src/ai-indicator/ai-indicator.ts",
3054
+ "path": "src/ai-criteria-search/ai-criteria-search.ts",
3111
3055
  "declarations": [
3112
3056
  {
3113
3057
  "kind": "class",
3114
- "description": "",
3115
- "name": "AiIndicator",
3058
+ "description": "Natural-language criteria search input with AI interpretation.",
3059
+ "name": "AiCriteriaSearch",
3116
3060
  "members": [
3117
3061
  {
3118
3062
  "kind": "field",
@@ -3123,25 +3067,54 @@
3123
3067
  },
3124
3068
  {
3125
3069
  "kind": "field",
3126
- "name": "aiProvider",
3070
+ "name": "placeholder",
3127
3071
  "type": {
3128
- "text": "AIProvider | undefined"
3072
+ "text": "string"
3129
3073
  },
3130
- "privacy": "private",
3131
- "description": "The indicator reflects status for the registry's default provider only —\nper-agent provider overrides live with the assistant component, not this\ntop-level chrome.",
3132
- "readonly": true
3074
+ "default": "'Describe your search criteria in natural language...'"
3133
3075
  },
3134
3076
  {
3135
3077
  "kind": "field",
3136
- "name": "status",
3078
+ "name": "disabled",
3137
3079
  "type": {
3138
- "text": "AIStatus | null"
3080
+ "text": "boolean"
3081
+ }
3082
+ },
3083
+ {
3084
+ "kind": "field",
3085
+ "name": "inputValue",
3086
+ "type": {
3087
+ "text": "string"
3088
+ },
3089
+ "default": "''"
3090
+ },
3091
+ {
3092
+ "kind": "field",
3093
+ "name": "isInterpreting",
3094
+ "type": {
3095
+ "text": "boolean"
3096
+ },
3097
+ "default": "false"
3098
+ },
3099
+ {
3100
+ "kind": "field",
3101
+ "name": "lastValidCriteria",
3102
+ "type": {
3103
+ "text": "string | null"
3139
3104
  },
3140
3105
  "default": "null"
3141
3106
  },
3142
3107
  {
3143
3108
  "kind": "field",
3144
- "name": "open",
3109
+ "name": "activeGroups",
3110
+ "type": {
3111
+ "text": "CriteriaGroup[]"
3112
+ },
3113
+ "default": "[]"
3114
+ },
3115
+ {
3116
+ "kind": "field",
3117
+ "name": "showingChips",
3145
3118
  "type": {
3146
3119
  "text": "boolean"
3147
3120
  },
@@ -3149,15 +3122,15 @@
3149
3122
  },
3150
3123
  {
3151
3124
  "kind": "field",
3152
- "name": "state",
3125
+ "name": "fieldMetadata",
3153
3126
  "type": {
3154
- "text": "AIIndicatorState"
3127
+ "text": "MetadataDetail[] | string[]"
3155
3128
  },
3156
- "default": "'none'"
3129
+ "default": "[]"
3157
3130
  },
3158
3131
  {
3159
3132
  "kind": "field",
3160
- "name": "isInstalling",
3133
+ "name": "isRecording",
3161
3134
  "type": {
3162
3135
  "text": "boolean"
3163
3136
  },
@@ -3165,29 +3138,33 @@
3165
3138
  },
3166
3139
  {
3167
3140
  "kind": "field",
3168
- "name": "pollTimer",
3141
+ "name": "textAreaRef",
3169
3142
  "type": {
3170
- "text": "ReturnType<typeof setInterval> | null"
3143
+ "text": "HTMLTextAreaElement"
3171
3144
  },
3172
- "privacy": "private",
3173
- "default": "null"
3145
+ "privacy": "public"
3174
3146
  },
3175
3147
  {
3176
3148
  "kind": "field",
3177
- "name": "clickOutside",
3178
- "privacy": "private"
3149
+ "name": "stopRecording",
3150
+ "type": {
3151
+ "text": "(() => void) | null"
3152
+ },
3153
+ "privacy": "private",
3154
+ "default": "null"
3179
3155
  },
3180
3156
  {
3181
3157
  "kind": "field",
3182
- "name": "chromeStatusLabel",
3158
+ "name": "speechApplyDebounceTimer",
3183
3159
  "type": {
3184
- "text": "string | null"
3160
+ "text": "ReturnType<typeof setTimeout> | null"
3185
3161
  },
3186
- "readonly": true
3162
+ "privacy": "private",
3163
+ "default": "null"
3187
3164
  },
3188
3165
  {
3189
3166
  "kind": "field",
3190
- "name": "canInstall",
3167
+ "name": "speechAvailable",
3191
3168
  "type": {
3192
3169
  "text": "boolean"
3193
3170
  },
@@ -3195,69 +3172,65 @@
3195
3172
  },
3196
3173
  {
3197
3174
  "kind": "field",
3198
- "name": "isDownloading",
3175
+ "name": "criteriaChips",
3199
3176
  "type": {
3200
- "text": "boolean"
3177
+ "text": "CriteriaChip[]"
3201
3178
  },
3202
3179
  "readonly": true
3203
3180
  },
3204
3181
  {
3205
3182
  "kind": "method",
3206
- "name": "openChanged",
3183
+ "name": "getFieldLabel",
3184
+ "privacy": "private",
3207
3185
  "return": {
3208
3186
  "type": {
3209
- "text": "void"
3187
+ "text": "string"
3210
3188
  }
3211
- }
3212
- },
3213
- {
3214
- "kind": "method",
3215
- "name": "handleClickOutside",
3216
- "privacy": "private",
3189
+ },
3217
3190
  "parameters": [
3218
3191
  {
3219
- "name": "event",
3192
+ "name": "fieldName",
3220
3193
  "type": {
3221
- "text": "MouseEvent"
3194
+ "text": "string"
3222
3195
  }
3223
3196
  }
3224
3197
  ]
3225
3198
  },
3226
3199
  {
3227
3200
  "kind": "method",
3228
- "name": "toggleDropdown"
3229
- },
3230
- {
3231
- "kind": "method",
3232
- "name": "refreshStatus",
3201
+ "name": "toggleCriteriaView",
3233
3202
  "return": {
3234
3203
  "type": {
3235
- "text": "Promise<void>"
3204
+ "text": "void"
3236
3205
  }
3237
3206
  }
3238
3207
  },
3239
3208
  {
3240
3209
  "kind": "method",
3241
- "name": "deriveState",
3242
- "privacy": "private",
3210
+ "name": "removeChip",
3243
3211
  "return": {
3244
3212
  "type": {
3245
- "text": "AIIndicatorState"
3213
+ "text": "void"
3246
3214
  }
3247
3215
  },
3248
3216
  "parameters": [
3249
3217
  {
3250
- "name": "s",
3218
+ "name": "groupIndex",
3251
3219
  "type": {
3252
- "text": "AIStatus | null"
3220
+ "text": "number"
3221
+ }
3222
+ },
3223
+ {
3224
+ "name": "clauseIndex",
3225
+ "type": {
3226
+ "text": "number"
3253
3227
  }
3254
3228
  }
3255
3229
  ]
3256
3230
  },
3257
3231
  {
3258
3232
  "kind": "method",
3259
- "name": "maybeStartPolling",
3260
- "privacy": "private",
3233
+ "name": "clearChips",
3261
3234
  "return": {
3262
3235
  "type": {
3263
3236
  "text": "void"
@@ -3266,32 +3239,24 @@
3266
3239
  },
3267
3240
  {
3268
3241
  "kind": "method",
3269
- "name": "startPolling",
3270
- "privacy": "private",
3271
- "return": {
3272
- "type": {
3273
- "text": "void"
3274
- }
3275
- }
3242
+ "name": "handleSubmit"
3276
3243
  },
3277
3244
  {
3278
3245
  "kind": "method",
3279
- "name": "stopPolling",
3280
- "privacy": "private",
3281
- "return": {
3282
- "type": {
3283
- "text": "void"
3284
- }
3285
- }
3246
+ "name": "handleBlur"
3286
3247
  },
3287
3248
  {
3288
3249
  "kind": "method",
3289
- "name": "onInstall",
3290
- "return": {
3291
- "type": {
3292
- "text": "Promise<void>"
3293
- }
3294
- }
3250
+ "name": "clear"
3251
+ },
3252
+ {
3253
+ "kind": "method",
3254
+ "name": "toggleSpeechInput"
3255
+ },
3256
+ {
3257
+ "kind": "method",
3258
+ "name": "clearSpeechApplyDebounce",
3259
+ "privacy": "private"
3295
3260
  },
3296
3261
  {
3297
3262
  "kind": "field",
@@ -3405,291 +3370,365 @@
3405
3370
  }
3406
3371
  }
3407
3372
  ],
3373
+ "events": [
3374
+ {
3375
+ "description": "Fired when interpreted criteria is applied or cleared. detail: `string | null`",
3376
+ "name": "criteria-changed"
3377
+ },
3378
+ {
3379
+ "description": "Fired when interpreted criteria contains invalid clauses. detail: `ValidationError[]`",
3380
+ "name": "validation-errors"
3381
+ }
3382
+ ],
3383
+ "attributes": [
3384
+ {
3385
+ "name": "placeholder",
3386
+ "type": {
3387
+ "text": "string"
3388
+ },
3389
+ "default": "'Describe your search criteria in natural language...'",
3390
+ "fieldName": "placeholder"
3391
+ },
3392
+ {
3393
+ "type": {
3394
+ "text": "boolean"
3395
+ },
3396
+ "fieldName": "disabled"
3397
+ }
3398
+ ],
3408
3399
  "superclass": {
3409
3400
  "name": "FoundationElement",
3410
3401
  "package": "@microsoft/fast-foundation"
3411
3402
  },
3412
- "tagName": "%%prefix%%-ai-indicator",
3403
+ "tagName": "%%prefix%%-ai-criteria-search",
3413
3404
  "customElement": true
3414
3405
  },
3415
3406
  {
3416
3407
  "kind": "variable",
3417
- "name": "foundationAiIndicator"
3408
+ "name": "foundationAiCriteriaSearchShadowOptions",
3409
+ "type": {
3410
+ "text": "ShadowRootInit"
3411
+ },
3412
+ "default": "undefined"
3413
+ },
3414
+ {
3415
+ "kind": "variable",
3416
+ "name": "defaultAiCriteriaSearchConfig",
3417
+ "type": {
3418
+ "text": "object"
3419
+ },
3420
+ "default": "{}"
3421
+ },
3422
+ {
3423
+ "kind": "variable",
3424
+ "name": "foundationAiCriteriaSearch"
3418
3425
  }
3419
3426
  ],
3420
3427
  "exports": [
3421
3428
  {
3422
3429
  "kind": "js",
3423
- "name": "AiIndicator",
3430
+ "name": "AiCriteriaSearch",
3424
3431
  "declaration": {
3425
- "name": "AiIndicator",
3426
- "module": "src/ai-indicator/ai-indicator.ts"
3432
+ "name": "AiCriteriaSearch",
3433
+ "module": "src/ai-criteria-search/ai-criteria-search.ts"
3427
3434
  }
3428
3435
  },
3429
3436
  {
3430
3437
  "kind": "js",
3431
- "name": "foundationAiIndicator",
3438
+ "name": "foundationAiCriteriaSearchShadowOptions",
3432
3439
  "declaration": {
3433
- "name": "foundationAiIndicator",
3434
- "module": "src/ai-indicator/ai-indicator.ts"
3440
+ "name": "foundationAiCriteriaSearchShadowOptions",
3441
+ "module": "src/ai-criteria-search/ai-criteria-search.ts"
3442
+ }
3443
+ },
3444
+ {
3445
+ "kind": "js",
3446
+ "name": "defaultAiCriteriaSearchConfig",
3447
+ "declaration": {
3448
+ "name": "defaultAiCriteriaSearchConfig",
3449
+ "module": "src/ai-criteria-search/ai-criteria-search.ts"
3450
+ }
3451
+ },
3452
+ {
3453
+ "kind": "js",
3454
+ "name": "foundationAiCriteriaSearch",
3455
+ "declaration": {
3456
+ "name": "foundationAiCriteriaSearch",
3457
+ "module": "src/ai-criteria-search/ai-criteria-search.ts"
3435
3458
  }
3436
3459
  }
3437
3460
  ]
3438
3461
  },
3439
3462
  {
3440
3463
  "kind": "javascript-module",
3441
- "path": "src/ai-indicator/index.ts",
3464
+ "path": "src/ai-criteria-search/index.ts",
3442
3465
  "declarations": [],
3443
3466
  "exports": [
3444
3467
  {
3445
3468
  "kind": "js",
3446
- "name": "AiIndicator",
3469
+ "name": "AiCriteriaSearch",
3447
3470
  "declaration": {
3448
- "name": "AiIndicator",
3449
- "module": "./ai-indicator"
3471
+ "name": "AiCriteriaSearch",
3472
+ "module": "./ai-criteria-search"
3450
3473
  }
3451
3474
  },
3452
3475
  {
3453
3476
  "kind": "js",
3454
- "name": "foundationAiIndicator",
3477
+ "name": "defaultAiCriteriaSearchConfig",
3455
3478
  "declaration": {
3456
- "name": "foundationAiIndicator",
3457
- "module": "./ai-indicator"
3479
+ "name": "defaultAiCriteriaSearchConfig",
3480
+ "module": "./ai-criteria-search"
3458
3481
  }
3459
3482
  },
3460
3483
  {
3461
3484
  "kind": "js",
3462
- "name": "type",
3485
+ "name": "foundationAiCriteriaSearch",
3463
3486
  "declaration": {
3464
- "name": "type",
3465
- "module": "./ai-indicator"
3487
+ "name": "foundationAiCriteriaSearch",
3488
+ "module": "./ai-criteria-search"
3466
3489
  }
3467
3490
  },
3468
3491
  {
3469
3492
  "kind": "js",
3470
- "name": "AIIndicatorState",
3493
+ "name": "foundationAiCriteriaSearchShadowOptions",
3471
3494
  "declaration": {
3472
- "name": "AIIndicatorState",
3473
- "module": "./ai-indicator"
3495
+ "name": "foundationAiCriteriaSearchShadowOptions",
3496
+ "module": "./ai-criteria-search"
3497
+ }
3498
+ },
3499
+ {
3500
+ "kind": "js",
3501
+ "name": "foundationAiCriteriaSearchStyles",
3502
+ "declaration": {
3503
+ "name": "foundationAiCriteriaSearchStyles",
3504
+ "module": "./ai-criteria-search.styles"
3505
+ }
3506
+ },
3507
+ {
3508
+ "kind": "js",
3509
+ "name": "foundationAiCriteriaSearchTemplate",
3510
+ "declaration": {
3511
+ "name": "foundationAiCriteriaSearchTemplate",
3512
+ "module": "./ai-criteria-search.template"
3513
+ }
3514
+ },
3515
+ {
3516
+ "kind": "js",
3517
+ "name": "*",
3518
+ "declaration": {
3519
+ "name": "*",
3520
+ "package": "./validation/criteria-ir"
3474
3521
  }
3475
3522
  },
3476
3523
  {
3477
3524
  "kind": "js",
3478
- "name": "foundationAiIndicatorTemplate",
3525
+ "name": "*",
3479
3526
  "declaration": {
3480
- "name": "foundationAiIndicatorTemplate",
3481
- "module": "./ai-indicator.template"
3527
+ "name": "*",
3528
+ "package": "./validation/operator-map"
3482
3529
  }
3483
3530
  },
3484
3531
  {
3485
3532
  "kind": "js",
3486
- "name": "foundationAiIndicatorStyles",
3533
+ "name": "*",
3487
3534
  "declaration": {
3488
- "name": "foundationAiIndicatorStyles",
3489
- "module": "./ai-indicator.styles"
3535
+ "name": "*",
3536
+ "package": "./validation/schema-validator"
3490
3537
  }
3491
3538
  }
3492
3539
  ]
3493
3540
  },
3494
3541
  {
3495
3542
  "kind": "javascript-module",
3496
- "path": "src/actions-menu/actions-menu.styles.ts",
3543
+ "path": "src/ai-criteria-search/validation-error-notification.ts",
3497
3544
  "declarations": [
3498
3545
  {
3499
3546
  "kind": "function",
3500
- "name": "actionsMenuBaseStyles",
3547
+ "name": "formatValidationErrors",
3501
3548
  "return": {
3502
3549
  "type": {
3503
- "text": "ElementStyles"
3550
+ "text": "string"
3504
3551
  }
3505
3552
  },
3506
3553
  "parameters": [
3507
3554
  {
3508
- "name": "context",
3509
- "type": {
3510
- "text": "ElementDefinitionContext"
3511
- }
3512
- },
3513
- {
3514
- "name": "definition",
3555
+ "name": "errors",
3515
3556
  "type": {
3516
- "text": "FoundationElementDefinition"
3557
+ "text": "ValidationError[]"
3517
3558
  }
3518
3559
  }
3519
- ]
3560
+ ],
3561
+ "description": "Formats validation errors into a user-friendly message."
3520
3562
  },
3521
3563
  {
3522
3564
  "kind": "function",
3523
- "name": "foundationActionsMenuStyles",
3565
+ "name": "showCriteriaError",
3524
3566
  "return": {
3525
3567
  "type": {
3526
- "text": "ElementStyles"
3568
+ "text": "void"
3527
3569
  }
3528
3570
  },
3529
3571
  "parameters": [
3530
3572
  {
3531
- "name": "context",
3573
+ "name": "title",
3532
3574
  "type": {
3533
- "text": "ElementDefinitionContext"
3534
- }
3575
+ "text": "string"
3576
+ },
3577
+ "description": "Notification title (e.g. \"Criteria validation error\")"
3535
3578
  },
3536
3579
  {
3537
- "name": "definition",
3580
+ "name": "body",
3538
3581
  "type": {
3539
- "text": "FoundationElementDefinition"
3540
- }
3582
+ "text": "string"
3583
+ },
3584
+ "description": "Error message to display"
3585
+ },
3586
+ {
3587
+ "name": "tagName",
3588
+ "type": {
3589
+ "text": "string"
3590
+ },
3591
+ "description": "Design system prefix (e.g. \"rapid\", \"foundation\")"
3541
3592
  }
3542
- ]
3593
+ ],
3594
+ "description": "Shows a criteria error as a toast notification."
3543
3595
  }
3544
3596
  ],
3545
3597
  "exports": [
3546
3598
  {
3547
3599
  "kind": "js",
3548
- "name": "actionsMenuBaseStyles",
3600
+ "name": "formatValidationErrors",
3549
3601
  "declaration": {
3550
- "name": "actionsMenuBaseStyles",
3551
- "module": "src/actions-menu/actions-menu.styles.ts"
3602
+ "name": "formatValidationErrors",
3603
+ "module": "src/ai-criteria-search/validation-error-notification.ts"
3552
3604
  }
3553
3605
  },
3554
3606
  {
3555
3607
  "kind": "js",
3556
- "name": "foundationActionsMenuStyles",
3608
+ "name": "showCriteriaError",
3557
3609
  "declaration": {
3558
- "name": "foundationActionsMenuStyles",
3559
- "module": "src/actions-menu/actions-menu.styles.ts"
3610
+ "name": "showCriteriaError",
3611
+ "module": "src/ai-criteria-search/validation-error-notification.ts"
3560
3612
  }
3561
3613
  }
3562
3614
  ]
3563
3615
  },
3564
3616
  {
3565
3617
  "kind": "javascript-module",
3566
- "path": "src/actions-menu/actions-menu.template.ts",
3618
+ "path": "src/ai-indicator/ai-indicator.styles.ts",
3567
3619
  "declarations": [
3568
3620
  {
3569
3621
  "kind": "function",
3570
- "name": "menuTemplate",
3622
+ "name": "foundationAiIndicatorStyles",
3623
+ "return": {
3624
+ "type": {
3625
+ "text": "ElementStyles"
3626
+ }
3627
+ },
3571
3628
  "parameters": [
3572
3629
  {
3573
- "name": "prefix",
3630
+ "name": "context",
3574
3631
  "type": {
3575
- "text": "string"
3632
+ "text": "ElementDefinitionContext"
3576
3633
  }
3577
- }
3578
- ]
3579
- },
3580
- {
3581
- "kind": "function",
3582
- "name": "singleOptionTemplate",
3583
- "parameters": [
3634
+ },
3584
3635
  {
3585
- "name": "prefix",
3636
+ "name": "definition",
3586
3637
  "type": {
3587
- "text": "string"
3638
+ "text": "FoundationElementDefinition"
3588
3639
  }
3589
3640
  }
3590
3641
  ]
3591
- },
3592
- {
3593
- "kind": "variable",
3594
- "name": "foundationActionsMenuTemplate",
3595
- "type": {
3596
- "text": "ViewTemplate<ActionsMenu>"
3597
- },
3598
- "default": "html`\n <div\n class=\"actions-container${(x) => (x.isVertical ? ' actions-vertical' : '')}\"\n part=\"actions-container\"\n >\n ${(x) => x.getTemplate(getPrefix(x))}\n </div>\n`"
3599
3642
  }
3600
3643
  ],
3601
3644
  "exports": [
3602
3645
  {
3603
3646
  "kind": "js",
3604
- "name": "menuTemplate",
3647
+ "name": "foundationAiIndicatorStyles",
3605
3648
  "declaration": {
3606
- "name": "menuTemplate",
3607
- "module": "src/actions-menu/actions-menu.template.ts"
3649
+ "name": "foundationAiIndicatorStyles",
3650
+ "module": "src/ai-indicator/ai-indicator.styles.ts"
3608
3651
  }
3609
- },
3652
+ }
3653
+ ]
3654
+ },
3655
+ {
3656
+ "kind": "javascript-module",
3657
+ "path": "src/ai-indicator/ai-indicator.template.ts",
3658
+ "declarations": [
3610
3659
  {
3611
- "kind": "js",
3612
- "name": "singleOptionTemplate",
3613
- "declaration": {
3614
- "name": "singleOptionTemplate",
3615
- "module": "src/actions-menu/actions-menu.template.ts"
3616
- }
3617
- },
3660
+ "kind": "variable",
3661
+ "name": "foundationAiIndicatorTemplate",
3662
+ "type": {
3663
+ "text": "ViewTemplate<AiIndicator>"
3664
+ },
3665
+ "default": "html`\n ${(x) => aiIndicatorTemplate(getPrefix(x))}\n`"
3666
+ }
3667
+ ],
3668
+ "exports": [
3618
3669
  {
3619
3670
  "kind": "js",
3620
- "name": "foundationActionsMenuTemplate",
3671
+ "name": "foundationAiIndicatorTemplate",
3621
3672
  "declaration": {
3622
- "name": "foundationActionsMenuTemplate",
3623
- "module": "src/actions-menu/actions-menu.template.ts"
3673
+ "name": "foundationAiIndicatorTemplate",
3674
+ "module": "src/ai-indicator/ai-indicator.template.ts"
3624
3675
  }
3625
3676
  }
3626
3677
  ]
3627
3678
  },
3628
3679
  {
3629
3680
  "kind": "javascript-module",
3630
- "path": "src/actions-menu/actions-menu.ts",
3681
+ "path": "src/ai-indicator/ai-indicator.ts",
3631
3682
  "declarations": [
3632
3683
  {
3633
3684
  "kind": "class",
3634
3685
  "description": "",
3635
- "name": "ActionsMenu",
3686
+ "name": "AiIndicator",
3636
3687
  "members": [
3637
3688
  {
3638
3689
  "kind": "field",
3639
- "name": "actions",
3690
+ "name": "providerRegistry",
3640
3691
  "type": {
3641
- "text": "ActionMenuItem[]"
3692
+ "text": "AIProviderRegistry"
3642
3693
  }
3643
3694
  },
3644
3695
  {
3645
3696
  "kind": "field",
3646
- "name": "isVertical",
3697
+ "name": "aiProvider",
3647
3698
  "type": {
3648
- "text": "boolean"
3699
+ "text": "AIProvider | undefined"
3649
3700
  },
3650
- "default": "false"
3701
+ "privacy": "private",
3702
+ "description": "The indicator reflects status for the registry's default provider only —\nper-agent provider overrides live with the assistant component, not this\ntop-level chrome.",
3703
+ "readonly": true
3651
3704
  },
3652
3705
  {
3653
3706
  "kind": "field",
3654
- "name": "addDefaultActions",
3707
+ "name": "status",
3655
3708
  "type": {
3656
- "text": "boolean"
3709
+ "text": "AIStatus | null"
3657
3710
  },
3658
- "default": "true"
3711
+ "default": "null"
3659
3712
  },
3660
3713
  {
3661
3714
  "kind": "field",
3662
- "name": "autoCloseOnAction",
3715
+ "name": "open",
3663
3716
  "type": {
3664
3717
  "text": "boolean"
3665
3718
  },
3666
- "default": "true"
3667
- },
3668
- {
3669
- "kind": "field",
3670
- "name": "classNames",
3671
- "type": {
3672
- "text": "string"
3673
- }
3674
- },
3675
- {
3676
- "kind": "field",
3677
- "name": "definition",
3678
- "type": {
3679
- "text": "any"
3680
- }
3719
+ "default": "false"
3681
3720
  },
3682
3721
  {
3683
3722
  "kind": "field",
3684
- "name": "name",
3723
+ "name": "state",
3685
3724
  "type": {
3686
- "text": "string"
3725
+ "text": "AIIndicatorState"
3687
3726
  },
3688
- "default": "'Actions'"
3727
+ "default": "'none'"
3689
3728
  },
3690
3729
  {
3691
3730
  "kind": "field",
3692
- "name": "open",
3731
+ "name": "isInstalling",
3693
3732
  "type": {
3694
3733
  "text": "boolean"
3695
3734
  },
@@ -3697,129 +3736,133 @@
3697
3736
  },
3698
3737
  {
3699
3738
  "kind": "field",
3700
- "name": "buttonAppearance",
3701
- "type": {
3702
- "text": "string"
3703
- }
3704
- },
3705
- {
3706
- "kind": "field",
3707
- "name": "hideDisabled",
3739
+ "name": "pollTimer",
3708
3740
  "type": {
3709
- "text": "boolean"
3741
+ "text": "ReturnType<typeof setInterval> | null"
3710
3742
  },
3711
- "default": "false"
3743
+ "privacy": "private",
3744
+ "default": "null"
3712
3745
  },
3713
3746
  {
3714
3747
  "kind": "field",
3715
- "name": "hideMenuSingleOption",
3716
- "type": {
3717
- "text": "boolean"
3718
- },
3719
- "default": "false"
3748
+ "name": "clickOutside",
3749
+ "privacy": "private"
3720
3750
  },
3721
3751
  {
3722
3752
  "kind": "field",
3723
- "name": "singleOption",
3753
+ "name": "chromeStatusLabel",
3724
3754
  "type": {
3725
- "text": "ActionMenuItem"
3726
- }
3755
+ "text": "string | null"
3756
+ },
3757
+ "readonly": true
3727
3758
  },
3728
3759
  {
3729
3760
  "kind": "field",
3730
- "name": "actionsMenu",
3761
+ "name": "canInstall",
3731
3762
  "type": {
3732
- "text": "HTMLElement"
3733
- }
3763
+ "text": "boolean"
3764
+ },
3765
+ "readonly": true
3734
3766
  },
3735
3767
  {
3736
3768
  "kind": "field",
3737
- "name": "actionsOpener",
3769
+ "name": "isDownloading",
3738
3770
  "type": {
3739
- "text": "HTMLElement"
3740
- }
3771
+ "text": "boolean"
3772
+ },
3773
+ "readonly": true
3741
3774
  },
3742
3775
  {
3743
3776
  "kind": "method",
3744
- "name": "updateMenuPosition",
3745
- "privacy": "private"
3777
+ "name": "openChanged",
3778
+ "return": {
3779
+ "type": {
3780
+ "text": "void"
3781
+ }
3782
+ }
3746
3783
  },
3747
3784
  {
3748
3785
  "kind": "method",
3749
- "name": "definitionChanged",
3750
- "privacy": "protected",
3786
+ "name": "handleClickOutside",
3787
+ "privacy": "private",
3751
3788
  "parameters": [
3752
3789
  {
3753
- "name": "oldValue",
3754
- "type": {
3755
- "text": "any"
3756
- }
3757
- },
3758
- {
3759
- "name": "newValue",
3790
+ "name": "event",
3760
3791
  "type": {
3761
- "text": "any"
3792
+ "text": "MouseEvent"
3762
3793
  }
3763
3794
  }
3764
3795
  ]
3765
3796
  },
3766
3797
  {
3767
3798
  "kind": "method",
3768
- "name": "openChanged",
3769
- "privacy": "protected"
3799
+ "name": "toggleDropdown"
3770
3800
  },
3771
3801
  {
3772
3802
  "kind": "method",
3773
- "name": "toggleActionsMenuVisibility"
3803
+ "name": "refreshStatus",
3804
+ "return": {
3805
+ "type": {
3806
+ "text": "Promise<void>"
3807
+ }
3808
+ }
3774
3809
  },
3775
3810
  {
3776
3811
  "kind": "method",
3777
- "name": "onActionMenuItemClick",
3812
+ "name": "deriveState",
3813
+ "privacy": "private",
3814
+ "return": {
3815
+ "type": {
3816
+ "text": "AIIndicatorState"
3817
+ }
3818
+ },
3778
3819
  "parameters": [
3779
3820
  {
3780
- "name": "callback",
3821
+ "name": "s",
3781
3822
  "type": {
3782
- "text": "(rowData) => void | any"
3823
+ "text": "AIStatus | null"
3783
3824
  }
3784
3825
  }
3785
3826
  ]
3786
3827
  },
3787
3828
  {
3788
- "kind": "field",
3789
- "name": "allActions",
3790
- "type": {
3791
- "text": "ActionMenuItem[]"
3792
- },
3793
- "readonly": true
3829
+ "kind": "method",
3830
+ "name": "maybeStartPolling",
3831
+ "privacy": "private",
3832
+ "return": {
3833
+ "type": {
3834
+ "text": "void"
3835
+ }
3836
+ }
3794
3837
  },
3795
3838
  {
3796
- "kind": "field",
3797
- "name": "rowData",
3798
- "readonly": true
3839
+ "kind": "method",
3840
+ "name": "startPolling",
3841
+ "privacy": "private",
3842
+ "return": {
3843
+ "type": {
3844
+ "text": "void"
3845
+ }
3846
+ }
3799
3847
  },
3800
3848
  {
3801
3849
  "kind": "method",
3802
- "name": "getLabel",
3803
- "parameters": [
3804
- {
3805
- "name": "name",
3806
- "type": {
3807
- "text": "string | ((rowData: any) => string)"
3808
- }
3850
+ "name": "stopPolling",
3851
+ "privacy": "private",
3852
+ "return": {
3853
+ "type": {
3854
+ "text": "void"
3809
3855
  }
3810
- ]
3856
+ }
3811
3857
  },
3812
3858
  {
3813
3859
  "kind": "method",
3814
- "name": "getTemplate",
3815
- "parameters": [
3816
- {
3817
- "name": "prefix",
3818
- "type": {
3819
- "text": "string"
3820
- }
3860
+ "name": "onInstall",
3861
+ "return": {
3862
+ "type": {
3863
+ "text": "Promise<void>"
3821
3864
  }
3822
- ]
3865
+ }
3823
3866
  },
3824
3867
  {
3825
3868
  "kind": "field",
@@ -3933,131 +3976,88 @@
3933
3976
  }
3934
3977
  }
3935
3978
  ],
3936
- "attributes": [
3937
- {
3938
- "name": "is-vertical",
3939
- "type": {
3940
- "text": "boolean"
3941
- },
3942
- "default": "false",
3943
- "fieldName": "isVertical"
3944
- },
3945
- {
3946
- "name": "add-default-actions",
3947
- "type": {
3948
- "text": "boolean"
3949
- },
3950
- "default": "true",
3951
- "fieldName": "addDefaultActions"
3952
- },
3953
- {
3954
- "name": "auto-close-on-action",
3955
- "type": {
3956
- "text": "boolean"
3957
- },
3958
- "default": "true",
3959
- "fieldName": "autoCloseOnAction"
3960
- },
3961
- {
3962
- "name": "name",
3963
- "type": {
3964
- "text": "string"
3965
- },
3966
- "default": "'Actions'",
3967
- "fieldName": "name"
3968
- },
3969
- {
3970
- "name": "open",
3971
- "type": {
3972
- "text": "boolean"
3973
- },
3974
- "default": "false",
3975
- "fieldName": "open"
3976
- },
3977
- {
3978
- "name": "buttonAppearance",
3979
- "type": {
3980
- "text": "string"
3981
- },
3982
- "fieldName": "buttonAppearance"
3983
- },
3984
- {
3985
- "name": "hide-disabled",
3986
- "type": {
3987
- "text": "boolean"
3988
- },
3989
- "default": "false",
3990
- "fieldName": "hideDisabled"
3991
- },
3992
- {
3993
- "name": "hide-menu-single-option",
3994
- "type": {
3995
- "text": "boolean"
3996
- },
3997
- "default": "false",
3998
- "fieldName": "hideMenuSingleOption"
3999
- }
4000
- ],
4001
3979
  "superclass": {
4002
3980
  "name": "FoundationElement",
4003
3981
  "package": "@microsoft/fast-foundation"
4004
3982
  },
4005
- "tagName": "%%prefix%%-actions-menu",
3983
+ "tagName": "%%prefix%%-ai-indicator",
4006
3984
  "customElement": true
4007
3985
  },
4008
3986
  {
4009
3987
  "kind": "variable",
4010
- "name": "foundationActionsMenu",
4011
- "description": "The Foundation Actions Menu",
4012
- "privacy": "public"
3988
+ "name": "foundationAiIndicator"
4013
3989
  }
4014
3990
  ],
4015
3991
  "exports": [
4016
3992
  {
4017
3993
  "kind": "js",
4018
- "name": "ActionsMenu",
3994
+ "name": "AiIndicator",
4019
3995
  "declaration": {
4020
- "name": "ActionsMenu",
4021
- "module": "src/actions-menu/actions-menu.ts"
3996
+ "name": "AiIndicator",
3997
+ "module": "src/ai-indicator/ai-indicator.ts"
4022
3998
  }
4023
3999
  },
4024
4000
  {
4025
4001
  "kind": "js",
4026
- "name": "foundationActionsMenu",
4002
+ "name": "foundationAiIndicator",
4027
4003
  "declaration": {
4028
- "name": "foundationActionsMenu",
4029
- "module": "src/actions-menu/actions-menu.ts"
4004
+ "name": "foundationAiIndicator",
4005
+ "module": "src/ai-indicator/ai-indicator.ts"
4030
4006
  }
4031
4007
  }
4032
4008
  ]
4033
4009
  },
4034
4010
  {
4035
4011
  "kind": "javascript-module",
4036
- "path": "src/actions-menu/index.ts",
4012
+ "path": "src/ai-indicator/index.ts",
4037
4013
  "declarations": [],
4038
4014
  "exports": [
4039
4015
  {
4040
4016
  "kind": "js",
4041
- "name": "*",
4017
+ "name": "AiIndicator",
4042
4018
  "declaration": {
4043
- "name": "*",
4044
- "package": "./actions-menu.styles"
4019
+ "name": "AiIndicator",
4020
+ "module": "./ai-indicator"
4045
4021
  }
4046
4022
  },
4047
4023
  {
4048
4024
  "kind": "js",
4049
- "name": "*",
4025
+ "name": "foundationAiIndicator",
4050
4026
  "declaration": {
4051
- "name": "*",
4052
- "package": "./actions-menu.template"
4027
+ "name": "foundationAiIndicator",
4028
+ "module": "./ai-indicator"
4053
4029
  }
4054
4030
  },
4055
4031
  {
4056
4032
  "kind": "js",
4057
- "name": "*",
4033
+ "name": "type",
4058
4034
  "declaration": {
4059
- "name": "*",
4060
- "package": "./actions-menu"
4035
+ "name": "type",
4036
+ "module": "./ai-indicator"
4037
+ }
4038
+ },
4039
+ {
4040
+ "kind": "js",
4041
+ "name": "AIIndicatorState",
4042
+ "declaration": {
4043
+ "name": "AIIndicatorState",
4044
+ "module": "./ai-indicator"
4045
+ }
4046
+ },
4047
+ {
4048
+ "kind": "js",
4049
+ "name": "foundationAiIndicatorTemplate",
4050
+ "declaration": {
4051
+ "name": "foundationAiIndicatorTemplate",
4052
+ "module": "./ai-indicator.template"
4053
+ }
4054
+ },
4055
+ {
4056
+ "kind": "js",
4057
+ "name": "foundationAiIndicatorStyles",
4058
+ "declaration": {
4059
+ "name": "foundationAiIndicatorStyles",
4060
+ "module": "./ai-indicator.styles"
4061
4061
  }
4062
4062
  }
4063
4063
  ]
@@ -6174,11 +6174,11 @@
6174
6174
  },
6175
6175
  {
6176
6176
  "kind": "javascript-module",
6177
- "path": "src/avatar/avatar.styles.ts",
6177
+ "path": "src/badge/badge.styles.ts",
6178
6178
  "declarations": [
6179
6179
  {
6180
6180
  "kind": "function",
6181
- "name": "foundationAvatarStyles",
6181
+ "name": "foundationBadgeStyles",
6182
6182
  "return": {
6183
6183
  "type": {
6184
6184
  "text": "ElementStyles"
@@ -6203,24 +6203,24 @@
6203
6203
  "exports": [
6204
6204
  {
6205
6205
  "kind": "js",
6206
- "name": "foundationAvatarStyles",
6206
+ "name": "foundationBadgeStyles",
6207
6207
  "declaration": {
6208
- "name": "foundationAvatarStyles",
6209
- "module": "src/avatar/avatar.styles.ts"
6208
+ "name": "foundationBadgeStyles",
6209
+ "module": "src/badge/badge.styles.ts"
6210
6210
  }
6211
6211
  }
6212
6212
  ]
6213
6213
  },
6214
6214
  {
6215
6215
  "kind": "javascript-module",
6216
- "path": "src/avatar/avatar.template.ts",
6216
+ "path": "src/badge/badge.template.ts",
6217
6217
  "declarations": [
6218
6218
  {
6219
6219
  "kind": "function",
6220
- "name": "foundationAvatarTemplate",
6220
+ "name": "foundationBadgeTemplate",
6221
6221
  "return": {
6222
6222
  "type": {
6223
- "text": "ViewTemplate<Avatar>"
6223
+ "text": "ViewTemplate<Badge>"
6224
6224
  }
6225
6225
  },
6226
6226
  "parameters": [
@@ -6237,45 +6237,32 @@
6237
6237
  }
6238
6238
  }
6239
6239
  ]
6240
- },
6241
- {
6242
- "kind": "variable",
6243
- "name": "media",
6244
- "default": "html<Avatar>`\n ${when(\n (x) => x.imgSrc,\n html<Avatar>`\n <img src=\"${(x) => x.imgSrc}\" alt=\"${(x) => x.alt}\" slot=\"media\" class=\"media\" part=\"media\" />\n `,\n )}\n`"
6245
6240
  }
6246
6241
  ],
6247
6242
  "exports": [
6248
6243
  {
6249
6244
  "kind": "js",
6250
- "name": "foundationAvatarTemplate",
6251
- "declaration": {
6252
- "name": "foundationAvatarTemplate",
6253
- "module": "src/avatar/avatar.template.ts"
6254
- }
6255
- },
6256
- {
6257
- "kind": "js",
6258
- "name": "media",
6245
+ "name": "foundationBadgeTemplate",
6259
6246
  "declaration": {
6260
- "name": "media",
6261
- "module": "src/avatar/avatar.template.ts"
6247
+ "name": "foundationBadgeTemplate",
6248
+ "module": "src/badge/badge.template.ts"
6262
6249
  }
6263
6250
  }
6264
6251
  ]
6265
6252
  },
6266
6253
  {
6267
6254
  "kind": "javascript-module",
6268
- "path": "src/avatar/avatar.ts",
6255
+ "path": "src/badge/badge.ts",
6269
6256
  "declarations": [
6270
6257
  {
6271
6258
  "kind": "class",
6272
6259
  "description": "",
6273
- "name": "Avatar",
6260
+ "name": "Badge",
6274
6261
  "superclass": {
6275
- "name": "FASTAvatar",
6262
+ "name": "FASTBadge",
6276
6263
  "package": "@microsoft/fast-components"
6277
6264
  },
6278
- "tagName": "%%prefix%%-avatar",
6265
+ "tagName": "%%prefix%%-badge",
6279
6266
  "customElement": true,
6280
6267
  "attributes": [
6281
6268
  {
@@ -6283,47 +6270,34 @@
6283
6270
  "type": {
6284
6271
  "text": "string"
6285
6272
  },
6286
- "description": "Indicates the Avatar should have a color fill.",
6287
- "fieldName": "fill",
6288
- "inheritedFrom": {
6289
- "name": "Avatar",
6290
- "module": "src/avatar/avatar.ts"
6291
- }
6292
- },
6293
- {
6294
- "name": "color",
6295
- "type": {
6296
- "text": "string"
6297
- },
6298
- "description": "Indicates the Avatar should have a text color.",
6299
- "fieldName": "color",
6273
+ "description": "Indicates the badge should have a filled style.",
6274
+ "fieldName": "fill",
6300
6275
  "inheritedFrom": {
6301
- "name": "Avatar",
6302
- "module": "src/avatar/avatar.ts"
6276
+ "name": "Badge",
6277
+ "module": "src/badge/badge.ts"
6303
6278
  }
6304
6279
  },
6305
6280
  {
6306
- "name": "link",
6281
+ "name": "color",
6307
6282
  "type": {
6308
6283
  "text": "string"
6309
6284
  },
6310
- "description": "Indicates the Avatar should have url link",
6311
- "fieldName": "link",
6285
+ "description": "Indicates the badge should have a filled style.",
6286
+ "fieldName": "color",
6312
6287
  "inheritedFrom": {
6313
- "name": "Avatar",
6314
- "module": "src/avatar/avatar.ts"
6288
+ "name": "Badge",
6289
+ "module": "src/badge/badge.ts"
6315
6290
  }
6316
6291
  },
6317
6292
  {
6318
- "name": "shape",
6319
6293
  "type": {
6320
- "text": "AvatarShape"
6294
+ "text": "boolean"
6321
6295
  },
6322
- "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
6323
- "fieldName": "shape",
6296
+ "description": "Indicates the element should be circular",
6297
+ "fieldName": "circular",
6324
6298
  "inheritedFrom": {
6325
- "name": "Avatar",
6326
- "module": "src/avatar/avatar.ts"
6299
+ "name": "Badge",
6300
+ "module": "src/badge/badge.ts"
6327
6301
  }
6328
6302
  }
6329
6303
  ],
@@ -6335,10 +6309,10 @@
6335
6309
  "text": "string"
6336
6310
  },
6337
6311
  "privacy": "public",
6338
- "description": "Indicates the Avatar should have a color fill.",
6312
+ "description": "Indicates the badge should have a filled style.",
6339
6313
  "inheritedFrom": {
6340
- "name": "Avatar",
6341
- "module": "src/avatar/avatar.ts"
6314
+ "name": "Badge",
6315
+ "module": "src/badge/badge.ts"
6342
6316
  }
6343
6317
  },
6344
6318
  {
@@ -6348,36 +6322,32 @@
6348
6322
  "text": "string"
6349
6323
  },
6350
6324
  "privacy": "public",
6351
- "description": "Indicates the Avatar should have a text color.",
6325
+ "description": "Indicates the badge should have a filled style.",
6352
6326
  "inheritedFrom": {
6353
- "name": "Avatar",
6354
- "module": "src/avatar/avatar.ts"
6327
+ "name": "Badge",
6328
+ "module": "src/badge/badge.ts"
6355
6329
  }
6356
6330
  },
6357
6331
  {
6358
6332
  "kind": "field",
6359
- "name": "link",
6333
+ "name": "circular",
6360
6334
  "type": {
6361
- "text": "string"
6335
+ "text": "boolean"
6362
6336
  },
6363
6337
  "privacy": "public",
6364
- "description": "Indicates the Avatar should have url link",
6338
+ "description": "Indicates the element should be circular",
6365
6339
  "inheritedFrom": {
6366
- "name": "Avatar",
6367
- "module": "src/avatar/avatar.ts"
6340
+ "name": "Badge",
6341
+ "module": "src/badge/badge.ts"
6368
6342
  }
6369
6343
  },
6370
6344
  {
6371
6345
  "kind": "field",
6372
- "name": "shape",
6373
- "type": {
6374
- "text": "AvatarShape"
6375
- },
6346
+ "name": "generateBadgeStyle",
6376
6347
  "privacy": "public",
6377
- "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
6378
6348
  "inheritedFrom": {
6379
- "name": "Avatar",
6380
- "module": "src/avatar/avatar.ts"
6349
+ "name": "Badge",
6350
+ "module": "src/badge/badge.ts"
6381
6351
  }
6382
6352
  },
6383
6353
  {
@@ -6495,65 +6465,65 @@
6495
6465
  },
6496
6466
  {
6497
6467
  "kind": "variable",
6498
- "name": "foundationAvatarShadowOptions",
6468
+ "name": "foundationBadgeShadowOptions",
6499
6469
  "type": {
6500
6470
  "text": "ShadowRootInit"
6501
6471
  },
6502
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
6472
+ "default": "undefined"
6503
6473
  },
6504
6474
  {
6505
6475
  "kind": "variable",
6506
- "name": "defaultAvatarConfig",
6476
+ "name": "defaultBadgeConfig",
6507
6477
  "type": {
6508
6478
  "text": "object"
6509
6479
  },
6510
- "default": "{\n media: mediaTemplate,\n}"
6480
+ "default": "{}"
6511
6481
  },
6512
6482
  {
6513
6483
  "kind": "variable",
6514
- "name": "foundationAvatar",
6515
- "description": "The Foundation Avatar",
6484
+ "name": "foundationBadge",
6485
+ "description": "The Foundation Badge",
6516
6486
  "privacy": "public"
6517
6487
  }
6518
6488
  ],
6519
6489
  "exports": [
6520
6490
  {
6521
6491
  "kind": "js",
6522
- "name": "Avatar",
6492
+ "name": "Badge",
6523
6493
  "declaration": {
6524
- "name": "Avatar",
6525
- "module": "src/avatar/avatar.ts"
6494
+ "name": "Badge",
6495
+ "module": "src/badge/badge.ts"
6526
6496
  }
6527
6497
  },
6528
6498
  {
6529
6499
  "kind": "js",
6530
- "name": "foundationAvatarShadowOptions",
6500
+ "name": "foundationBadgeShadowOptions",
6531
6501
  "declaration": {
6532
- "name": "foundationAvatarShadowOptions",
6533
- "module": "src/avatar/avatar.ts"
6502
+ "name": "foundationBadgeShadowOptions",
6503
+ "module": "src/badge/badge.ts"
6534
6504
  }
6535
6505
  },
6536
6506
  {
6537
6507
  "kind": "js",
6538
- "name": "defaultAvatarConfig",
6508
+ "name": "defaultBadgeConfig",
6539
6509
  "declaration": {
6540
- "name": "defaultAvatarConfig",
6541
- "module": "src/avatar/avatar.ts"
6510
+ "name": "defaultBadgeConfig",
6511
+ "module": "src/badge/badge.ts"
6542
6512
  }
6543
6513
  },
6544
6514
  {
6545
6515
  "kind": "js",
6546
- "name": "foundationAvatar",
6516
+ "name": "foundationBadge",
6547
6517
  "declaration": {
6548
- "name": "foundationAvatar",
6549
- "module": "src/avatar/avatar.ts"
6518
+ "name": "foundationBadge",
6519
+ "module": "src/badge/badge.ts"
6550
6520
  }
6551
6521
  }
6552
6522
  ]
6553
6523
  },
6554
6524
  {
6555
6525
  "kind": "javascript-module",
6556
- "path": "src/avatar/index.ts",
6526
+ "path": "src/badge/index.ts",
6557
6527
  "declarations": [],
6558
6528
  "exports": [
6559
6529
  {
@@ -6561,7 +6531,7 @@
6561
6531
  "name": "*",
6562
6532
  "declaration": {
6563
6533
  "name": "*",
6564
- "package": "./avatar.template"
6534
+ "package": "./badge.template"
6565
6535
  }
6566
6536
  },
6567
6537
  {
@@ -6569,7 +6539,7 @@
6569
6539
  "name": "*",
6570
6540
  "declaration": {
6571
6541
  "name": "*",
6572
- "package": "./avatar.styles"
6542
+ "package": "./badge.styles"
6573
6543
  }
6574
6544
  },
6575
6545
  {
@@ -6577,18 +6547,18 @@
6577
6547
  "name": "*",
6578
6548
  "declaration": {
6579
6549
  "name": "*",
6580
- "package": "./avatar"
6550
+ "package": "./badge"
6581
6551
  }
6582
6552
  }
6583
6553
  ]
6584
6554
  },
6585
6555
  {
6586
6556
  "kind": "javascript-module",
6587
- "path": "src/badge/badge.styles.ts",
6557
+ "path": "src/avatar/avatar.styles.ts",
6588
6558
  "declarations": [
6589
6559
  {
6590
6560
  "kind": "function",
6591
- "name": "foundationBadgeStyles",
6561
+ "name": "foundationAvatarStyles",
6592
6562
  "return": {
6593
6563
  "type": {
6594
6564
  "text": "ElementStyles"
@@ -6613,24 +6583,24 @@
6613
6583
  "exports": [
6614
6584
  {
6615
6585
  "kind": "js",
6616
- "name": "foundationBadgeStyles",
6586
+ "name": "foundationAvatarStyles",
6617
6587
  "declaration": {
6618
- "name": "foundationBadgeStyles",
6619
- "module": "src/badge/badge.styles.ts"
6588
+ "name": "foundationAvatarStyles",
6589
+ "module": "src/avatar/avatar.styles.ts"
6620
6590
  }
6621
6591
  }
6622
6592
  ]
6623
6593
  },
6624
6594
  {
6625
6595
  "kind": "javascript-module",
6626
- "path": "src/badge/badge.template.ts",
6596
+ "path": "src/avatar/avatar.template.ts",
6627
6597
  "declarations": [
6628
6598
  {
6629
6599
  "kind": "function",
6630
- "name": "foundationBadgeTemplate",
6600
+ "name": "foundationAvatarTemplate",
6631
6601
  "return": {
6632
6602
  "type": {
6633
- "text": "ViewTemplate<Badge>"
6603
+ "text": "ViewTemplate<Avatar>"
6634
6604
  }
6635
6605
  },
6636
6606
  "parameters": [
@@ -6647,32 +6617,45 @@
6647
6617
  }
6648
6618
  }
6649
6619
  ]
6620
+ },
6621
+ {
6622
+ "kind": "variable",
6623
+ "name": "media",
6624
+ "default": "html<Avatar>`\n ${when(\n (x) => x.imgSrc,\n html<Avatar>`\n <img src=\"${(x) => x.imgSrc}\" alt=\"${(x) => x.alt}\" slot=\"media\" class=\"media\" part=\"media\" />\n `,\n )}\n`"
6650
6625
  }
6651
6626
  ],
6652
6627
  "exports": [
6653
6628
  {
6654
6629
  "kind": "js",
6655
- "name": "foundationBadgeTemplate",
6630
+ "name": "foundationAvatarTemplate",
6656
6631
  "declaration": {
6657
- "name": "foundationBadgeTemplate",
6658
- "module": "src/badge/badge.template.ts"
6632
+ "name": "foundationAvatarTemplate",
6633
+ "module": "src/avatar/avatar.template.ts"
6634
+ }
6635
+ },
6636
+ {
6637
+ "kind": "js",
6638
+ "name": "media",
6639
+ "declaration": {
6640
+ "name": "media",
6641
+ "module": "src/avatar/avatar.template.ts"
6659
6642
  }
6660
6643
  }
6661
6644
  ]
6662
6645
  },
6663
6646
  {
6664
6647
  "kind": "javascript-module",
6665
- "path": "src/badge/badge.ts",
6648
+ "path": "src/avatar/avatar.ts",
6666
6649
  "declarations": [
6667
6650
  {
6668
6651
  "kind": "class",
6669
6652
  "description": "",
6670
- "name": "Badge",
6653
+ "name": "Avatar",
6671
6654
  "superclass": {
6672
- "name": "FASTBadge",
6655
+ "name": "FASTAvatar",
6673
6656
  "package": "@microsoft/fast-components"
6674
6657
  },
6675
- "tagName": "%%prefix%%-badge",
6658
+ "tagName": "%%prefix%%-avatar",
6676
6659
  "customElement": true,
6677
6660
  "attributes": [
6678
6661
  {
@@ -6680,11 +6663,11 @@
6680
6663
  "type": {
6681
6664
  "text": "string"
6682
6665
  },
6683
- "description": "Indicates the badge should have a filled style.",
6666
+ "description": "Indicates the Avatar should have a color fill.",
6684
6667
  "fieldName": "fill",
6685
6668
  "inheritedFrom": {
6686
- "name": "Badge",
6687
- "module": "src/badge/badge.ts"
6669
+ "name": "Avatar",
6670
+ "module": "src/avatar/avatar.ts"
6688
6671
  }
6689
6672
  },
6690
6673
  {
@@ -6692,22 +6675,35 @@
6692
6675
  "type": {
6693
6676
  "text": "string"
6694
6677
  },
6695
- "description": "Indicates the badge should have a filled style.",
6678
+ "description": "Indicates the Avatar should have a text color.",
6696
6679
  "fieldName": "color",
6697
6680
  "inheritedFrom": {
6698
- "name": "Badge",
6699
- "module": "src/badge/badge.ts"
6681
+ "name": "Avatar",
6682
+ "module": "src/avatar/avatar.ts"
6700
6683
  }
6701
6684
  },
6702
6685
  {
6686
+ "name": "link",
6703
6687
  "type": {
6704
- "text": "boolean"
6688
+ "text": "string"
6705
6689
  },
6706
- "description": "Indicates the element should be circular",
6707
- "fieldName": "circular",
6690
+ "description": "Indicates the Avatar should have url link",
6691
+ "fieldName": "link",
6708
6692
  "inheritedFrom": {
6709
- "name": "Badge",
6710
- "module": "src/badge/badge.ts"
6693
+ "name": "Avatar",
6694
+ "module": "src/avatar/avatar.ts"
6695
+ }
6696
+ },
6697
+ {
6698
+ "name": "shape",
6699
+ "type": {
6700
+ "text": "AvatarShape"
6701
+ },
6702
+ "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
6703
+ "fieldName": "shape",
6704
+ "inheritedFrom": {
6705
+ "name": "Avatar",
6706
+ "module": "src/avatar/avatar.ts"
6711
6707
  }
6712
6708
  }
6713
6709
  ],
@@ -6719,10 +6715,10 @@
6719
6715
  "text": "string"
6720
6716
  },
6721
6717
  "privacy": "public",
6722
- "description": "Indicates the badge should have a filled style.",
6718
+ "description": "Indicates the Avatar should have a color fill.",
6723
6719
  "inheritedFrom": {
6724
- "name": "Badge",
6725
- "module": "src/badge/badge.ts"
6720
+ "name": "Avatar",
6721
+ "module": "src/avatar/avatar.ts"
6726
6722
  }
6727
6723
  },
6728
6724
  {
@@ -6732,32 +6728,36 @@
6732
6728
  "text": "string"
6733
6729
  },
6734
6730
  "privacy": "public",
6735
- "description": "Indicates the badge should have a filled style.",
6731
+ "description": "Indicates the Avatar should have a text color.",
6736
6732
  "inheritedFrom": {
6737
- "name": "Badge",
6738
- "module": "src/badge/badge.ts"
6733
+ "name": "Avatar",
6734
+ "module": "src/avatar/avatar.ts"
6739
6735
  }
6740
6736
  },
6741
6737
  {
6742
6738
  "kind": "field",
6743
- "name": "circular",
6739
+ "name": "link",
6744
6740
  "type": {
6745
- "text": "boolean"
6741
+ "text": "string"
6746
6742
  },
6747
6743
  "privacy": "public",
6748
- "description": "Indicates the element should be circular",
6744
+ "description": "Indicates the Avatar should have url link",
6749
6745
  "inheritedFrom": {
6750
- "name": "Badge",
6751
- "module": "src/badge/badge.ts"
6746
+ "name": "Avatar",
6747
+ "module": "src/avatar/avatar.ts"
6752
6748
  }
6753
6749
  },
6754
6750
  {
6755
6751
  "kind": "field",
6756
- "name": "generateBadgeStyle",
6752
+ "name": "shape",
6753
+ "type": {
6754
+ "text": "AvatarShape"
6755
+ },
6757
6756
  "privacy": "public",
6757
+ "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
6758
6758
  "inheritedFrom": {
6759
- "name": "Badge",
6760
- "module": "src/badge/badge.ts"
6759
+ "name": "Avatar",
6760
+ "module": "src/avatar/avatar.ts"
6761
6761
  }
6762
6762
  },
6763
6763
  {
@@ -6875,65 +6875,65 @@
6875
6875
  },
6876
6876
  {
6877
6877
  "kind": "variable",
6878
- "name": "foundationBadgeShadowOptions",
6878
+ "name": "foundationAvatarShadowOptions",
6879
6879
  "type": {
6880
6880
  "text": "ShadowRootInit"
6881
6881
  },
6882
- "default": "undefined"
6882
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
6883
6883
  },
6884
6884
  {
6885
6885
  "kind": "variable",
6886
- "name": "defaultBadgeConfig",
6886
+ "name": "defaultAvatarConfig",
6887
6887
  "type": {
6888
6888
  "text": "object"
6889
6889
  },
6890
- "default": "{}"
6890
+ "default": "{\n media: mediaTemplate,\n}"
6891
6891
  },
6892
6892
  {
6893
6893
  "kind": "variable",
6894
- "name": "foundationBadge",
6895
- "description": "The Foundation Badge",
6894
+ "name": "foundationAvatar",
6895
+ "description": "The Foundation Avatar",
6896
6896
  "privacy": "public"
6897
6897
  }
6898
6898
  ],
6899
6899
  "exports": [
6900
6900
  {
6901
6901
  "kind": "js",
6902
- "name": "Badge",
6902
+ "name": "Avatar",
6903
6903
  "declaration": {
6904
- "name": "Badge",
6905
- "module": "src/badge/badge.ts"
6904
+ "name": "Avatar",
6905
+ "module": "src/avatar/avatar.ts"
6906
6906
  }
6907
6907
  },
6908
6908
  {
6909
6909
  "kind": "js",
6910
- "name": "foundationBadgeShadowOptions",
6910
+ "name": "foundationAvatarShadowOptions",
6911
6911
  "declaration": {
6912
- "name": "foundationBadgeShadowOptions",
6913
- "module": "src/badge/badge.ts"
6912
+ "name": "foundationAvatarShadowOptions",
6913
+ "module": "src/avatar/avatar.ts"
6914
6914
  }
6915
6915
  },
6916
6916
  {
6917
6917
  "kind": "js",
6918
- "name": "defaultBadgeConfig",
6918
+ "name": "defaultAvatarConfig",
6919
6919
  "declaration": {
6920
- "name": "defaultBadgeConfig",
6921
- "module": "src/badge/badge.ts"
6920
+ "name": "defaultAvatarConfig",
6921
+ "module": "src/avatar/avatar.ts"
6922
6922
  }
6923
6923
  },
6924
6924
  {
6925
6925
  "kind": "js",
6926
- "name": "foundationBadge",
6926
+ "name": "foundationAvatar",
6927
6927
  "declaration": {
6928
- "name": "foundationBadge",
6929
- "module": "src/badge/badge.ts"
6928
+ "name": "foundationAvatar",
6929
+ "module": "src/avatar/avatar.ts"
6930
6930
  }
6931
6931
  }
6932
6932
  ]
6933
6933
  },
6934
6934
  {
6935
6935
  "kind": "javascript-module",
6936
- "path": "src/badge/index.ts",
6936
+ "path": "src/avatar/index.ts",
6937
6937
  "declarations": [],
6938
6938
  "exports": [
6939
6939
  {
@@ -6941,7 +6941,7 @@
6941
6941
  "name": "*",
6942
6942
  "declaration": {
6943
6943
  "name": "*",
6944
- "package": "./badge.template"
6944
+ "package": "./avatar.template"
6945
6945
  }
6946
6946
  },
6947
6947
  {
@@ -6949,7 +6949,7 @@
6949
6949
  "name": "*",
6950
6950
  "declaration": {
6951
6951
  "name": "*",
6952
- "package": "./badge.styles"
6952
+ "package": "./avatar.styles"
6953
6953
  }
6954
6954
  },
6955
6955
  {
@@ -6957,7 +6957,7 @@
6957
6957
  "name": "*",
6958
6958
  "declaration": {
6959
6959
  "name": "*",
6960
- "package": "./badge"
6960
+ "package": "./avatar"
6961
6961
  }
6962
6962
  }
6963
6963
  ]
@@ -17095,7 +17095,7 @@
17095
17095
  "type": {
17096
17096
  "text": "ElementStyles"
17097
17097
  },
17098
- "default": "css`\n :host {\n --dialog-close-icon-display: flex;\n --dialog-min-width: 358px;\n --notification-details-min-height: 40px;\n }\n\n dialog[type='error'],\n dialog[type='alert'],\n dialog[type='success'] {\n padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px)\n calc(var(--design-unit) * 2px) calc(var(--design-unit) * 6px);\n }\n\n dialog[type='error']::before,\n dialog[type='alert']::before,\n dialog[type='success']::before {\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: calc(var(--design-unit) * 3px - 2px);\n height: calc(100% - (var(--design-unit) * 4px));\n width: 4px;\n border-radius: 2px;\n }\n\n dialog[type='error']::before {\n background-color: var(--error-color);\n }\n\n dialog[type='alert']::before {\n background-color: var(--warning-color);\n }\n\n dialog[type='success']::before {\n background-color: var(--success-color);\n }\n\n .header-controls {\n display: flex;\n gap: calc(var(--design-unit) * 1px);\n align-items: center;\n }\n\n :host([draggable])::part(top) {\n cursor: move;\n }\n\n .close-icon {\n display: var(--dialog-close-icon-display);\n }\n\n .reset-size-icon {\n display: flex;\n }\n\n dialog {\n background-color: var(--dialog-background, var(--fill-color));\n padding: calc(var(--design-unit) * 3px);\n outline: none;\n overflow: inherit;\n /* The inner element is position:fixed, so it is never CLIPPED — but an 'auto' default leaves it\n in the normal paint tree at its tree position, where any later-in-DOM sibling paints over it\n (e.g. a non-modal dialog inside one FlexLayout tile disappears under the tiles below).\n 1001 clears app headers (999) and FlexLayout's drag chrome (1000) while staying under Flyout\n (2000/2001). Modal is unaffected: showModal() puts it in the top layer, above all of this. */\n z-index: var(--dialog-z-index, 1001);\n }\n\n :host([position='left']) dialog {\n margin-left: 0;\n }\n\n :host([position='right']) dialog {\n margin-right: 0;\n }\n\n ::slotted(zero-divider) {\n width: 100%;\n }\n\n .top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .title {\n margin-top: calc(var(--design-unit) * 2px);\n font-size: 14px;\n }\n\n .details {\n font-size: 12px;\n overflow: hidden;\n min-height: var(--notification-details-min-height);\n white-space: pre-line;\n }\n\n .content-container {\n box-sizing: border-box;\n }\n\n :host([resizable]) dialog {\n position: relative;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n }\n\n :host([resizable]) dialog[open] {\n display: flex;\n flex-direction: column;\n }\n\n /* Override design system max-width constraints for resizable dialogs */\n :host([resizable]) dialog .content-wrapper {\n position: relative;\n height: 100%;\n width: 100%;\n max-height: 100%;\n min-width: 100%;\n max-width: 100%;\n resize: none;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n :host([resizable]) .content-container {\n flex: 1 1 auto;\n overflow: auto;\n min-height: 0;\n box-sizing: border-box;\n }\n\n :host([resizable]) .top,\n :host([resizable]) .bottom {\n flex: 0 0 auto;\n }\n\n :host([position='right']) dialog .content-wrapper,\n :host([position='left']) dialog .content-wrapper,\n :host([position='left']) dialog,\n :host([position='right']) dialog {\n height: 100%;\n }\n\n /* Resize handles */\n .resize-handle {\n position: absolute;\n z-index: 10;\n }\n\n /* Edge handles */\n .resize-handle-n,\n .resize-handle-s {\n left: 0;\n right: 0;\n height: 8px;\n cursor: ns-resize;\n }\n\n .resize-handle-n {\n top: 0;\n }\n\n .resize-handle-s {\n bottom: 0;\n }\n\n .resize-handle-e,\n .resize-handle-w {\n top: 0;\n bottom: 0;\n width: 8px;\n cursor: ew-resize;\n }\n\n .resize-handle-e {\n right: 0;\n }\n\n .resize-handle-w {\n left: 0;\n }\n\n /* Corner handles */\n .resize-handle-ne,\n .resize-handle-nw,\n .resize-handle-se,\n .resize-handle-sw {\n width: 16px;\n height: 16px;\n }\n\n .resize-handle-ne {\n top: 0;\n right: 0;\n cursor: nesw-resize;\n }\n\n .resize-handle-nw {\n top: 0;\n left: 0;\n cursor: nwse-resize;\n }\n\n .resize-handle-se {\n bottom: 0;\n right: 0;\n cursor: nwse-resize;\n }\n\n .resize-handle-sw {\n bottom: 0;\n left: 0;\n cursor: nesw-resize;\n }\n\n /* Visual indicator for corner handles */\n .resize-handle-se::after,\n .resize-handle-sw::after,\n .resize-handle-ne::after,\n .resize-handle-nw::after {\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n border-style: solid;\n border-color: var(--neutral-stroke-divider-rest);\n opacity: 50%;\n transition: opacity 0.2s;\n margin: 2px;\n }\n\n .resize-handle-se::after {\n bottom: 2px;\n right: 2px;\n border-width: 0 3px 3px 0;\n }\n\n .resize-handle-sw::after {\n bottom: 2px;\n left: 2px;\n border-width: 0 0 3px 3px;\n }\n\n .resize-handle-ne::after {\n top: 2px;\n right: 2px;\n border-width: 3px 3px 0 0;\n }\n\n .resize-handle-nw::after {\n top: 2px;\n left: 2px;\n border-width: 3px 0 0 3px;\n }\n\n /* Hover effect */\n .resize-handle:hover::after {\n opacity: 100%;\n }\n\n /* Resizing state */\n dialog.resizing {\n user-select: none;\n pointer-events: auto;\n }\n\n /* Fixed positioning support for resizable dialogs */\n dialog[style*='position: fixed'] {\n margin: 0;\n }\n`"
17098
+ "default": "css`\n :host {\n --dialog-close-icon-display: flex;\n --dialog-min-width: 358px;\n --notification-details-min-height: 40px;\n }\n\n dialog[type='error'],\n dialog[type='alert'],\n dialog[type='success'] {\n padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px)\n calc(var(--design-unit) * 2px) calc(var(--design-unit) * 6px);\n }\n\n dialog[type='error']::before,\n dialog[type='alert']::before,\n dialog[type='success']::before {\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: calc(var(--design-unit) * 3px - 2px);\n height: calc(100% - (var(--design-unit) * 4px));\n width: 4px;\n border-radius: 2px;\n }\n\n dialog[type='error']::before {\n background-color: var(--error-color);\n }\n\n dialog[type='alert']::before {\n background-color: var(--warning-color);\n }\n\n dialog[type='success']::before {\n background-color: var(--success-color);\n }\n\n .header-controls {\n display: flex;\n gap: calc(var(--design-unit) * 1px);\n align-items: center;\n }\n\n :host([draggable])::part(top) {\n cursor: move;\n }\n\n .close-icon {\n display: var(--dialog-close-icon-display);\n }\n\n .reset-size-icon {\n display: flex;\n }\n\n dialog {\n background-color: var(--dialog-background, var(--fill-color));\n padding: calc(var(--design-unit) * 3px);\n outline: none;\n overflow: inherit;\n\n /* The inner element is position:fixed, so it is never CLIPPED — but an 'auto' default leaves it\n in the normal paint tree at its tree position, where any later-in-DOM sibling paints over it\n (e.g. a non-modal dialog inside one FlexLayout tile disappears under the tiles below).\n 1001 clears app headers (999) and FlexLayout's drag chrome (1000) while staying under Flyout\n (2000/2001). Modal is unaffected: showModal() puts it in the top layer, above all of this. */\n z-index: var(--dialog-z-index, 1001);\n }\n\n :host([position='left']) dialog {\n margin-left: 0;\n }\n\n :host([position='right']) dialog {\n margin-right: 0;\n }\n\n ::slotted(zero-divider) {\n width: 100%;\n }\n\n .top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .title {\n margin-top: calc(var(--design-unit) * 2px);\n font-size: 14px;\n }\n\n .details {\n font-size: 12px;\n overflow: hidden;\n min-height: var(--notification-details-min-height);\n white-space: pre-line;\n }\n\n .content-container {\n box-sizing: border-box;\n }\n\n :host([resizable]) dialog {\n position: relative;\n box-sizing: border-box;\n max-width: 100%;\n max-height: 100%;\n }\n\n :host([resizable]) dialog[open] {\n display: flex;\n flex-direction: column;\n }\n\n /* Override design system max-width constraints for resizable dialogs */\n :host([resizable]) dialog .content-wrapper {\n position: relative;\n height: 100%;\n width: 100%;\n max-height: 100%;\n min-width: 100%;\n max-width: 100%;\n resize: none;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n :host([resizable]) .content-container {\n flex: 1 1 auto;\n overflow: auto;\n min-height: 0;\n box-sizing: border-box;\n }\n\n :host([resizable]) .top,\n :host([resizable]) .bottom {\n flex: 0 0 auto;\n }\n\n :host([position='right']) dialog .content-wrapper,\n :host([position='left']) dialog .content-wrapper,\n :host([position='left']) dialog,\n :host([position='right']) dialog {\n height: 100%;\n }\n\n /* Resize handles */\n .resize-handle {\n position: absolute;\n z-index: 10;\n }\n\n /* Edge handles */\n .resize-handle-n,\n .resize-handle-s {\n left: 0;\n right: 0;\n height: 8px;\n cursor: ns-resize;\n }\n\n .resize-handle-n {\n top: 0;\n }\n\n .resize-handle-s {\n bottom: 0;\n }\n\n .resize-handle-e,\n .resize-handle-w {\n top: 0;\n bottom: 0;\n width: 8px;\n cursor: ew-resize;\n }\n\n .resize-handle-e {\n right: 0;\n }\n\n .resize-handle-w {\n left: 0;\n }\n\n /* Corner handles */\n .resize-handle-ne,\n .resize-handle-nw,\n .resize-handle-se,\n .resize-handle-sw {\n width: 16px;\n height: 16px;\n }\n\n .resize-handle-ne {\n top: 0;\n right: 0;\n cursor: nesw-resize;\n }\n\n .resize-handle-nw {\n top: 0;\n left: 0;\n cursor: nwse-resize;\n }\n\n .resize-handle-se {\n bottom: 0;\n right: 0;\n cursor: nwse-resize;\n }\n\n .resize-handle-sw {\n bottom: 0;\n left: 0;\n cursor: nesw-resize;\n }\n\n /* Visual indicator for corner handles */\n .resize-handle-se::after,\n .resize-handle-sw::after,\n .resize-handle-ne::after,\n .resize-handle-nw::after {\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n border-style: solid;\n border-color: var(--neutral-stroke-divider-rest);\n opacity: 50%;\n transition: opacity 0.2s;\n margin: 2px;\n }\n\n .resize-handle-se::after {\n bottom: 2px;\n right: 2px;\n border-width: 0 3px 3px 0;\n }\n\n .resize-handle-sw::after {\n bottom: 2px;\n left: 2px;\n border-width: 0 0 3px 3px;\n }\n\n .resize-handle-ne::after {\n top: 2px;\n right: 2px;\n border-width: 3px 3px 0 0;\n }\n\n .resize-handle-nw::after {\n top: 2px;\n left: 2px;\n border-width: 3px 0 0 3px;\n }\n\n /* Hover effect */\n .resize-handle:hover::after {\n opacity: 100%;\n }\n\n /* Resizing state */\n dialog.resizing {\n user-select: none;\n pointer-events: auto;\n }\n\n /* Fixed positioning support for resizable dialogs */\n dialog[style*='position: fixed'] {\n margin: 0;\n }\n`"
17099
17099
  }
17100
17100
  ],
17101
17101
  "exports": [