@kubex/zinc 1.1.137 → 1.1.138

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.
@@ -2,6 +2,60 @@
2
2
  "schemaVersion": "1.0.0",
3
3
  "readme": "",
4
4
  "modules": [
5
+ {
6
+ "kind": "javascript-module",
7
+ "path": "components/absolute-container/absolute-container.js",
8
+ "declarations": [
9
+ {
10
+ "kind": "class",
11
+ "description": "",
12
+ "name": "ZnAbsoluteContainer",
13
+ "slots": [
14
+ {
15
+ "description": "The default slot",
16
+ "name": ""
17
+ }
18
+ ],
19
+ "members": [
20
+ {
21
+ "kind": "field",
22
+ "name": "_resizeFrame",
23
+ "type": {
24
+ "text": "number | null"
25
+ },
26
+ "privacy": "private",
27
+ "default": "null"
28
+ },
29
+ {
30
+ "kind": "method",
31
+ "name": "resize"
32
+ }
33
+ ],
34
+ "superclass": {
35
+ "name": "ZincElement",
36
+ "module": "/src/internal/zinc-element"
37
+ },
38
+ "summary": "The absolute container will take the total inner height of the content (positioned absolute), and set that\nas it's min height, Creating enough space to show the content.",
39
+ "tagNameWithoutPrefix": "absolute-container",
40
+ "tagName": "zn-absolute-container",
41
+ "customElement": true,
42
+ "jsDoc": "/**\n * @summary The absolute container will take the total inner height of the content (positioned absolute), and set that\n * as it's min height, Creating enough space to show the content.\n *\n * @documentation https://zinc.style/components/absolute-container\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot\n *\n */",
43
+ "documentation": "https://zinc.style/components/absolute-container",
44
+ "status": "experimental",
45
+ "since": "1.0"
46
+ }
47
+ ],
48
+ "exports": [
49
+ {
50
+ "kind": "js",
51
+ "name": "default",
52
+ "declaration": {
53
+ "name": "ZnAbsoluteContainer",
54
+ "module": "components/absolute-container/absolute-container.js"
55
+ }
56
+ }
57
+ ]
58
+ },
5
59
  {
6
60
  "kind": "javascript-module",
7
61
  "path": "components/action-bar/action-bar.js",
@@ -75,60 +129,6 @@
75
129
  }
76
130
  ]
77
131
  },
78
- {
79
- "kind": "javascript-module",
80
- "path": "components/absolute-container/absolute-container.js",
81
- "declarations": [
82
- {
83
- "kind": "class",
84
- "description": "",
85
- "name": "ZnAbsoluteContainer",
86
- "slots": [
87
- {
88
- "description": "The default slot",
89
- "name": ""
90
- }
91
- ],
92
- "members": [
93
- {
94
- "kind": "field",
95
- "name": "_resizeFrame",
96
- "type": {
97
- "text": "number | null"
98
- },
99
- "privacy": "private",
100
- "default": "null"
101
- },
102
- {
103
- "kind": "method",
104
- "name": "resize"
105
- }
106
- ],
107
- "superclass": {
108
- "name": "ZincElement",
109
- "module": "/src/internal/zinc-element"
110
- },
111
- "summary": "The absolute container will take the total inner height of the content (positioned absolute), and set that\nas it's min height, Creating enough space to show the content.",
112
- "tagNameWithoutPrefix": "absolute-container",
113
- "tagName": "zn-absolute-container",
114
- "customElement": true,
115
- "jsDoc": "/**\n * @summary The absolute container will take the total inner height of the content (positioned absolute), and set that\n * as it's min height, Creating enough space to show the content.\n *\n * @documentation https://zinc.style/components/absolute-container\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot\n *\n */",
116
- "documentation": "https://zinc.style/components/absolute-container",
117
- "status": "experimental",
118
- "since": "1.0"
119
- }
120
- ],
121
- "exports": [
122
- {
123
- "kind": "js",
124
- "name": "default",
125
- "declaration": {
126
- "name": "ZnAbsoluteContainer",
127
- "module": "components/absolute-container/absolute-container.js"
128
- }
129
- }
130
- ]
131
- },
132
132
  {
133
133
  "kind": "javascript-module",
134
134
  "path": "components/alert/alert.js",
@@ -2437,171 +2437,6 @@
2437
2437
  }
2438
2438
  ]
2439
2439
  },
2440
- {
2441
- "kind": "javascript-module",
2442
- "path": "components/button-group/button-group.js",
2443
- "declarations": [
2444
- {
2445
- "kind": "class",
2446
- "description": "",
2447
- "name": "ZnButtonGroup",
2448
- "cssProperties": [
2449
- {
2450
- "description": "Use flex-grow to fill available space.",
2451
- "name": "--grow"
2452
- },
2453
- {
2454
- "description": "Justify content at the start of the flex space.",
2455
- "name": "--start"
2456
- }
2457
- ],
2458
- "cssParts": [
2459
- {
2460
- "description": "The component's base wrapper.",
2461
- "name": "base"
2462
- }
2463
- ],
2464
- "slots": [
2465
- {
2466
- "description": "The default slot.",
2467
- "name": ""
2468
- }
2469
- ],
2470
- "members": [
2471
- {
2472
- "kind": "field",
2473
- "name": "direction",
2474
- "type": {
2475
- "text": "'horizontal' | 'vertical'"
2476
- },
2477
- "default": "'horizontal'",
2478
- "attribute": "direction"
2479
- },
2480
- {
2481
- "kind": "field",
2482
- "name": "grow",
2483
- "type": {
2484
- "text": "boolean"
2485
- },
2486
- "default": "false",
2487
- "attribute": "grow"
2488
- },
2489
- {
2490
- "kind": "field",
2491
- "name": "wrap",
2492
- "type": {
2493
- "text": "boolean"
2494
- },
2495
- "default": "false",
2496
- "attribute": "wrap"
2497
- },
2498
- {
2499
- "kind": "field",
2500
- "name": "start",
2501
- "type": {
2502
- "text": "boolean"
2503
- },
2504
- "default": "false",
2505
- "attribute": "start"
2506
- },
2507
- {
2508
- "kind": "field",
2509
- "name": "gap",
2510
- "type": {
2511
- "text": "boolean"
2512
- },
2513
- "default": "false",
2514
- "attribute": "gap"
2515
- },
2516
- {
2517
- "kind": "field",
2518
- "name": "defaultSlot",
2519
- "type": {
2520
- "text": "HTMLSlotElement"
2521
- }
2522
- },
2523
- {
2524
- "kind": "method",
2525
- "name": "handleSlotChange",
2526
- "privacy": "private"
2527
- }
2528
- ],
2529
- "events": [
2530
- {
2531
- "description": "Emitted as an example.",
2532
- "name": "zn-event-name"
2533
- }
2534
- ],
2535
- "attributes": [
2536
- {
2537
- "name": "direction",
2538
- "type": {
2539
- "text": "'horizontal' | 'vertical'"
2540
- },
2541
- "default": "'horizontal'",
2542
- "fieldName": "direction"
2543
- },
2544
- {
2545
- "name": "grow",
2546
- "type": {
2547
- "text": "boolean"
2548
- },
2549
- "default": "false",
2550
- "fieldName": "grow"
2551
- },
2552
- {
2553
- "name": "wrap",
2554
- "type": {
2555
- "text": "boolean"
2556
- },
2557
- "default": "false",
2558
- "fieldName": "wrap"
2559
- },
2560
- {
2561
- "name": "start",
2562
- "type": {
2563
- "text": "boolean"
2564
- },
2565
- "default": "false",
2566
- "fieldName": "start"
2567
- },
2568
- {
2569
- "name": "gap",
2570
- "type": {
2571
- "text": "boolean"
2572
- },
2573
- "default": "false",
2574
- "fieldName": "gap"
2575
- }
2576
- ],
2577
- "superclass": {
2578
- "name": "ZincElement",
2579
- "module": "/src/internal/zinc-element"
2580
- },
2581
- "summary": "Short summary of the component's intended use.",
2582
- "tagNameWithoutPrefix": "button-group",
2583
- "tagName": "zn-button-group",
2584
- "customElement": true,
2585
- "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/button-group\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --grow - Use flex-grow to fill available space.\n * @cssproperty --start - Justify content at the start of the flex space.\n */",
2586
- "documentation": "https://zinc.style/components/button-group",
2587
- "status": "experimental",
2588
- "since": "1.0",
2589
- "dependencies": [
2590
- "zn-example"
2591
- ]
2592
- }
2593
- ],
2594
- "exports": [
2595
- {
2596
- "kind": "js",
2597
- "name": "default",
2598
- "declaration": {
2599
- "name": "ZnButtonGroup",
2600
- "module": "components/button-group/button-group.js"
2601
- }
2602
- }
2603
- ]
2604
- },
2605
2440
  {
2606
2441
  "kind": "javascript-module",
2607
2442
  "path": "components/button-menu/button-menu.js",
@@ -2886,6 +2721,171 @@
2886
2721
  }
2887
2722
  ]
2888
2723
  },
2724
+ {
2725
+ "kind": "javascript-module",
2726
+ "path": "components/button-group/button-group.js",
2727
+ "declarations": [
2728
+ {
2729
+ "kind": "class",
2730
+ "description": "",
2731
+ "name": "ZnButtonGroup",
2732
+ "cssProperties": [
2733
+ {
2734
+ "description": "Use flex-grow to fill available space.",
2735
+ "name": "--grow"
2736
+ },
2737
+ {
2738
+ "description": "Justify content at the start of the flex space.",
2739
+ "name": "--start"
2740
+ }
2741
+ ],
2742
+ "cssParts": [
2743
+ {
2744
+ "description": "The component's base wrapper.",
2745
+ "name": "base"
2746
+ }
2747
+ ],
2748
+ "slots": [
2749
+ {
2750
+ "description": "The default slot.",
2751
+ "name": ""
2752
+ }
2753
+ ],
2754
+ "members": [
2755
+ {
2756
+ "kind": "field",
2757
+ "name": "direction",
2758
+ "type": {
2759
+ "text": "'horizontal' | 'vertical'"
2760
+ },
2761
+ "default": "'horizontal'",
2762
+ "attribute": "direction"
2763
+ },
2764
+ {
2765
+ "kind": "field",
2766
+ "name": "grow",
2767
+ "type": {
2768
+ "text": "boolean"
2769
+ },
2770
+ "default": "false",
2771
+ "attribute": "grow"
2772
+ },
2773
+ {
2774
+ "kind": "field",
2775
+ "name": "wrap",
2776
+ "type": {
2777
+ "text": "boolean"
2778
+ },
2779
+ "default": "false",
2780
+ "attribute": "wrap"
2781
+ },
2782
+ {
2783
+ "kind": "field",
2784
+ "name": "start",
2785
+ "type": {
2786
+ "text": "boolean"
2787
+ },
2788
+ "default": "false",
2789
+ "attribute": "start"
2790
+ },
2791
+ {
2792
+ "kind": "field",
2793
+ "name": "gap",
2794
+ "type": {
2795
+ "text": "boolean"
2796
+ },
2797
+ "default": "false",
2798
+ "attribute": "gap"
2799
+ },
2800
+ {
2801
+ "kind": "field",
2802
+ "name": "defaultSlot",
2803
+ "type": {
2804
+ "text": "HTMLSlotElement"
2805
+ }
2806
+ },
2807
+ {
2808
+ "kind": "method",
2809
+ "name": "handleSlotChange",
2810
+ "privacy": "private"
2811
+ }
2812
+ ],
2813
+ "events": [
2814
+ {
2815
+ "description": "Emitted as an example.",
2816
+ "name": "zn-event-name"
2817
+ }
2818
+ ],
2819
+ "attributes": [
2820
+ {
2821
+ "name": "direction",
2822
+ "type": {
2823
+ "text": "'horizontal' | 'vertical'"
2824
+ },
2825
+ "default": "'horizontal'",
2826
+ "fieldName": "direction"
2827
+ },
2828
+ {
2829
+ "name": "grow",
2830
+ "type": {
2831
+ "text": "boolean"
2832
+ },
2833
+ "default": "false",
2834
+ "fieldName": "grow"
2835
+ },
2836
+ {
2837
+ "name": "wrap",
2838
+ "type": {
2839
+ "text": "boolean"
2840
+ },
2841
+ "default": "false",
2842
+ "fieldName": "wrap"
2843
+ },
2844
+ {
2845
+ "name": "start",
2846
+ "type": {
2847
+ "text": "boolean"
2848
+ },
2849
+ "default": "false",
2850
+ "fieldName": "start"
2851
+ },
2852
+ {
2853
+ "name": "gap",
2854
+ "type": {
2855
+ "text": "boolean"
2856
+ },
2857
+ "default": "false",
2858
+ "fieldName": "gap"
2859
+ }
2860
+ ],
2861
+ "superclass": {
2862
+ "name": "ZincElement",
2863
+ "module": "/src/internal/zinc-element"
2864
+ },
2865
+ "summary": "Short summary of the component's intended use.",
2866
+ "tagNameWithoutPrefix": "button-group",
2867
+ "tagName": "zn-button-group",
2868
+ "customElement": true,
2869
+ "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/button-group\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --grow - Use flex-grow to fill available space.\n * @cssproperty --start - Justify content at the start of the flex space.\n */",
2870
+ "documentation": "https://zinc.style/components/button-group",
2871
+ "status": "experimental",
2872
+ "since": "1.0",
2873
+ "dependencies": [
2874
+ "zn-example"
2875
+ ]
2876
+ }
2877
+ ],
2878
+ "exports": [
2879
+ {
2880
+ "kind": "js",
2881
+ "name": "default",
2882
+ "declaration": {
2883
+ "name": "ZnButtonGroup",
2884
+ "module": "components/button-group/button-group.js"
2885
+ }
2886
+ }
2887
+ ]
2888
+ },
2889
2889
  {
2890
2890
  "kind": "javascript-module",
2891
2891
  "path": "components/channel-tile/channel-tile.js",
@@ -12282,6 +12282,355 @@
12282
12282
  }
12283
12283
  ]
12284
12284
  },
12285
+ {
12286
+ "kind": "javascript-module",
12287
+ "path": "components/dialog/dialog.js",
12288
+ "declarations": [
12289
+ {
12290
+ "kind": "class",
12291
+ "description": "",
12292
+ "name": "ZnDialog",
12293
+ "cssProperties": [
12294
+ {
12295
+ "description": "The preferred width of the dialog. Note the dialog will shrink to accommodate smaller screens.",
12296
+ "name": "--width"
12297
+ },
12298
+ {
12299
+ "description": "The amount of padding to use for the header.",
12300
+ "name": "--header-spacing"
12301
+ },
12302
+ {
12303
+ "description": "The amount of padding to use for the body.",
12304
+ "name": "--body-spacing"
12305
+ },
12306
+ {
12307
+ "description": "The amount of padding to use for the footer.",
12308
+ "name": "--footer-spacing"
12309
+ }
12310
+ ],
12311
+ "cssParts": [
12312
+ {
12313
+ "description": "The component's base wrapper.",
12314
+ "name": "base"
12315
+ },
12316
+ {
12317
+ "description": "The dialog's header. This element wraps the title and header actions.",
12318
+ "name": "header"
12319
+ },
12320
+ {
12321
+ "description": "Optional actions to add to the header. Works best with `<zn-button>` elements.",
12322
+ "name": "header-actions"
12323
+ },
12324
+ {
12325
+ "description": "The dialog's title.",
12326
+ "name": "title"
12327
+ },
12328
+ {
12329
+ "description": "The dialog's close button.",
12330
+ "name": "close-button"
12331
+ },
12332
+ {
12333
+ "description": "The close buttons exported `base` part.",
12334
+ "name": "close-button__base"
12335
+ },
12336
+ {
12337
+ "description": "The dialog's body.",
12338
+ "name": "body"
12339
+ },
12340
+ {
12341
+ "description": "The dialog's footer.",
12342
+ "name": "footer"
12343
+ }
12344
+ ],
12345
+ "slots": [
12346
+ {
12347
+ "description": "The default slot.",
12348
+ "name": ""
12349
+ },
12350
+ {
12351
+ "description": "The dialog's label. Alternatively you can use the `label` attribute.",
12352
+ "name": "label"
12353
+ },
12354
+ {
12355
+ "description": "Optional icon to add to the left of the dialog's label (title). A color will be applied to the icon depending on the dialog variant.",
12356
+ "name": "header-icon"
12357
+ },
12358
+ {
12359
+ "description": "Optional Intro text to display below the icon, when using the variant `announcement`.",
12360
+ "name": "announcement-intro"
12361
+ },
12362
+ {
12363
+ "description": "Optional actions to add to the header. Works best with `<zn-button>` elements.",
12364
+ "name": "header-actions"
12365
+ },
12366
+ {
12367
+ "description": "The dialog's footer. This is typically used for buttons representing various options.",
12368
+ "name": "footer"
12369
+ },
12370
+ {
12371
+ "description": "Optional text to include below the footer buttons, when using the variant `announcement`.",
12372
+ "name": "footer-text"
12373
+ }
12374
+ ],
12375
+ "members": [
12376
+ {
12377
+ "kind": "field",
12378
+ "name": "dependencies",
12379
+ "type": {
12380
+ "text": "object"
12381
+ },
12382
+ "static": true,
12383
+ "default": "{ 'zn-button': ZnButton }"
12384
+ },
12385
+ {
12386
+ "kind": "field",
12387
+ "name": "hasSlotController",
12388
+ "privacy": "private",
12389
+ "readonly": true,
12390
+ "default": "new HasSlotController(this, '[default]', 'footer')"
12391
+ },
12392
+ {
12393
+ "kind": "field",
12394
+ "name": "closeWatcher",
12395
+ "type": {
12396
+ "text": "CloseWatcher | null"
12397
+ },
12398
+ "privacy": "private"
12399
+ },
12400
+ {
12401
+ "kind": "field",
12402
+ "name": "dialog",
12403
+ "type": {
12404
+ "text": "HTMLDialogElement"
12405
+ }
12406
+ },
12407
+ {
12408
+ "kind": "field",
12409
+ "name": "closer",
12410
+ "type": {
12411
+ "text": "HTMLButtonElement"
12412
+ }
12413
+ },
12414
+ {
12415
+ "kind": "field",
12416
+ "name": "variant",
12417
+ "type": {
12418
+ "text": "'default' | 'warning' | 'announcement'"
12419
+ },
12420
+ "default": "'default'",
12421
+ "description": "The dialog's theme variant.",
12422
+ "attribute": "variant",
12423
+ "reflects": true
12424
+ },
12425
+ {
12426
+ "kind": "field",
12427
+ "name": "size",
12428
+ "type": {
12429
+ "text": "'small' | 'medium' | 'large' | 'custom'"
12430
+ },
12431
+ "default": "'medium'",
12432
+ "description": "The dialog's size.",
12433
+ "attribute": "size",
12434
+ "reflects": true
12435
+ },
12436
+ {
12437
+ "kind": "field",
12438
+ "name": "open",
12439
+ "type": {
12440
+ "text": "boolean"
12441
+ },
12442
+ "default": "false",
12443
+ "description": "Indicated whether of not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's state.",
12444
+ "attribute": "open",
12445
+ "reflects": true
12446
+ },
12447
+ {
12448
+ "kind": "field",
12449
+ "name": "label",
12450
+ "type": {
12451
+ "text": "string"
12452
+ },
12453
+ "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
12454
+ "attribute": "label",
12455
+ "reflects": true
12456
+ },
12457
+ {
12458
+ "kind": "field",
12459
+ "name": "cosmic",
12460
+ "type": {
12461
+ "text": "boolean"
12462
+ },
12463
+ "default": "false",
12464
+ "attribute": "cosmic",
12465
+ "reflects": true
12466
+ },
12467
+ {
12468
+ "kind": "field",
12469
+ "name": "noHeader",
12470
+ "type": {
12471
+ "text": "boolean"
12472
+ },
12473
+ "default": "false",
12474
+ "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way to close the dialog.",
12475
+ "attribute": "no-header",
12476
+ "reflects": true
12477
+ },
12478
+ {
12479
+ "kind": "field",
12480
+ "name": "trigger",
12481
+ "type": {
12482
+ "text": "string"
12483
+ },
12484
+ "description": "The dialog's trigger element. This is used to open the dialog when clicked. If you do not provide a trigger, you\nwill need to manually open the dialog using the `show()` method.",
12485
+ "attribute": "trigger",
12486
+ "reflects": true
12487
+ },
12488
+ {
12489
+ "kind": "method",
12490
+ "name": "requestClose",
12491
+ "privacy": "private",
12492
+ "parameters": [
12493
+ {
12494
+ "name": "source",
12495
+ "type": {
12496
+ "text": "'close-button' | 'keyboard' | 'overlay'"
12497
+ }
12498
+ }
12499
+ ]
12500
+ },
12501
+ {
12502
+ "kind": "method",
12503
+ "name": "addOpenListeners",
12504
+ "privacy": "private"
12505
+ },
12506
+ {
12507
+ "kind": "method",
12508
+ "name": "removeOpenListeners",
12509
+ "privacy": "private"
12510
+ },
12511
+ {
12512
+ "kind": "method",
12513
+ "name": "show",
12514
+ "description": "Shows the dialog."
12515
+ },
12516
+ {
12517
+ "kind": "method",
12518
+ "name": "hide",
12519
+ "description": "Hides the dialog."
12520
+ },
12521
+ {
12522
+ "kind": "field",
12523
+ "name": "closeClickHandler",
12524
+ "privacy": "private"
12525
+ }
12526
+ ],
12527
+ "events": [
12528
+ {
12529
+ "description": "Emitted when the dialog is opens.",
12530
+ "name": "zn-show"
12531
+ },
12532
+ {
12533
+ "description": "Emitted when the dialog is closed.",
12534
+ "name": "zn-close"
12535
+ },
12536
+ {
12537
+ "type": {
12538
+ "text": "{ source: 'close-button' | 'keyboard' | 'overlay' }"
12539
+ },
12540
+ "description": "Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.",
12541
+ "name": "zn-request-close"
12542
+ }
12543
+ ],
12544
+ "attributes": [
12545
+ {
12546
+ "name": "variant",
12547
+ "type": {
12548
+ "text": "'default' | 'warning' | 'announcement'"
12549
+ },
12550
+ "default": "'default'",
12551
+ "description": "The dialog's theme variant.",
12552
+ "fieldName": "variant"
12553
+ },
12554
+ {
12555
+ "name": "size",
12556
+ "type": {
12557
+ "text": "'small' | 'medium' | 'large' | 'custom'"
12558
+ },
12559
+ "default": "'medium'",
12560
+ "description": "The dialog's size.",
12561
+ "fieldName": "size"
12562
+ },
12563
+ {
12564
+ "name": "open",
12565
+ "type": {
12566
+ "text": "boolean"
12567
+ },
12568
+ "default": "false",
12569
+ "description": "Indicated whether of not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's state.",
12570
+ "fieldName": "open"
12571
+ },
12572
+ {
12573
+ "name": "label",
12574
+ "type": {
12575
+ "text": "string"
12576
+ },
12577
+ "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
12578
+ "fieldName": "label"
12579
+ },
12580
+ {
12581
+ "name": "cosmic",
12582
+ "type": {
12583
+ "text": "boolean"
12584
+ },
12585
+ "default": "false",
12586
+ "fieldName": "cosmic"
12587
+ },
12588
+ {
12589
+ "name": "no-header",
12590
+ "type": {
12591
+ "text": "boolean"
12592
+ },
12593
+ "default": "false",
12594
+ "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way to close the dialog.",
12595
+ "fieldName": "noHeader"
12596
+ },
12597
+ {
12598
+ "name": "trigger",
12599
+ "type": {
12600
+ "text": "string"
12601
+ },
12602
+ "description": "The dialog's trigger element. This is used to open the dialog when clicked. If you do not provide a trigger, you\nwill need to manually open the dialog using the `show()` method.",
12603
+ "fieldName": "trigger"
12604
+ }
12605
+ ],
12606
+ "superclass": {
12607
+ "name": "ZincElement",
12608
+ "module": "/src/internal/zinc-element"
12609
+ },
12610
+ "summary": "Short summary of the component's intended use.",
12611
+ "tagNameWithoutPrefix": "dialog",
12612
+ "tagName": "zn-dialog",
12613
+ "customElement": true,
12614
+ "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/dialog\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n *\n * @event zn-show - Emitted when the dialog is opens.\n * @event zn-close - Emitted when the dialog is closed.\n * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} zn-request-close - Emitted when the user attempts to\n * close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling\n * `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in\n * destructive behavior such as data loss.\n *\n * @slot - The default slot.\n * @slot label - The dialog's label. Alternatively you can use the `label` attribute.\n * @slot header-icon - Optional icon to add to the left of the dialog's label (title). A color will be applied\n * to the icon depending on the dialog variant.\n * @slot announcement-intro - Optional Intro text to display below the icon, when using the variant `announcement`.\n * @slot header-actions - Optional actions to add to the header. Works best with `<zn-button>` elements.\n * @slot footer - The dialog's footer. This is typically used for buttons representing various options.\n * @slot footer-text - Optional text to include below the footer buttons, when using the variant `announcement`.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The dialog's header. This element wraps the title and header actions.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<zn-button>` elements.\n * @csspart title - The dialog's title.\n * @csspart close-button - The dialog's close button.\n * @csspart close-button__base - The close buttons exported `base` part.\n * @csspart body - The dialog's body.\n * @csspart footer - The dialog's footer.\n *\n * @cssproperty --width - The preferred width of the dialog. Note the dialog will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n */",
12615
+ "documentation": "https://zinc.style/components/dialog",
12616
+ "status": "experimental",
12617
+ "since": "1.0",
12618
+ "dependencies": [
12619
+ "zn-button"
12620
+ ]
12621
+ }
12622
+ ],
12623
+ "exports": [
12624
+ {
12625
+ "kind": "js",
12626
+ "name": "default",
12627
+ "declaration": {
12628
+ "name": "ZnDialog",
12629
+ "module": "components/dialog/dialog.js"
12630
+ }
12631
+ }
12632
+ ]
12633
+ },
12285
12634
  {
12286
12635
  "kind": "javascript-module",
12287
12636
  "path": "components/defined-label/defined-label.js",
@@ -12682,355 +13031,6 @@
12682
13031
  }
12683
13032
  ]
12684
13033
  },
12685
- {
12686
- "kind": "javascript-module",
12687
- "path": "components/dialog/dialog.js",
12688
- "declarations": [
12689
- {
12690
- "kind": "class",
12691
- "description": "",
12692
- "name": "ZnDialog",
12693
- "cssProperties": [
12694
- {
12695
- "description": "The preferred width of the dialog. Note the dialog will shrink to accommodate smaller screens.",
12696
- "name": "--width"
12697
- },
12698
- {
12699
- "description": "The amount of padding to use for the header.",
12700
- "name": "--header-spacing"
12701
- },
12702
- {
12703
- "description": "The amount of padding to use for the body.",
12704
- "name": "--body-spacing"
12705
- },
12706
- {
12707
- "description": "The amount of padding to use for the footer.",
12708
- "name": "--footer-spacing"
12709
- }
12710
- ],
12711
- "cssParts": [
12712
- {
12713
- "description": "The component's base wrapper.",
12714
- "name": "base"
12715
- },
12716
- {
12717
- "description": "The dialog's header. This element wraps the title and header actions.",
12718
- "name": "header"
12719
- },
12720
- {
12721
- "description": "Optional actions to add to the header. Works best with `<zn-button>` elements.",
12722
- "name": "header-actions"
12723
- },
12724
- {
12725
- "description": "The dialog's title.",
12726
- "name": "title"
12727
- },
12728
- {
12729
- "description": "The dialog's close button.",
12730
- "name": "close-button"
12731
- },
12732
- {
12733
- "description": "The close buttons exported `base` part.",
12734
- "name": "close-button__base"
12735
- },
12736
- {
12737
- "description": "The dialog's body.",
12738
- "name": "body"
12739
- },
12740
- {
12741
- "description": "The dialog's footer.",
12742
- "name": "footer"
12743
- }
12744
- ],
12745
- "slots": [
12746
- {
12747
- "description": "The default slot.",
12748
- "name": ""
12749
- },
12750
- {
12751
- "description": "The dialog's label. Alternatively you can use the `label` attribute.",
12752
- "name": "label"
12753
- },
12754
- {
12755
- "description": "Optional icon to add to the left of the dialog's label (title). A color will be applied to the icon depending on the dialog variant.",
12756
- "name": "header-icon"
12757
- },
12758
- {
12759
- "description": "Optional Intro text to display below the icon, when using the variant `announcement`.",
12760
- "name": "announcement-intro"
12761
- },
12762
- {
12763
- "description": "Optional actions to add to the header. Works best with `<zn-button>` elements.",
12764
- "name": "header-actions"
12765
- },
12766
- {
12767
- "description": "The dialog's footer. This is typically used for buttons representing various options.",
12768
- "name": "footer"
12769
- },
12770
- {
12771
- "description": "Optional text to include below the footer buttons, when using the variant `announcement`.",
12772
- "name": "footer-text"
12773
- }
12774
- ],
12775
- "members": [
12776
- {
12777
- "kind": "field",
12778
- "name": "dependencies",
12779
- "type": {
12780
- "text": "object"
12781
- },
12782
- "static": true,
12783
- "default": "{ 'zn-button': ZnButton }"
12784
- },
12785
- {
12786
- "kind": "field",
12787
- "name": "hasSlotController",
12788
- "privacy": "private",
12789
- "readonly": true,
12790
- "default": "new HasSlotController(this, '[default]', 'footer')"
12791
- },
12792
- {
12793
- "kind": "field",
12794
- "name": "closeWatcher",
12795
- "type": {
12796
- "text": "CloseWatcher | null"
12797
- },
12798
- "privacy": "private"
12799
- },
12800
- {
12801
- "kind": "field",
12802
- "name": "dialog",
12803
- "type": {
12804
- "text": "HTMLDialogElement"
12805
- }
12806
- },
12807
- {
12808
- "kind": "field",
12809
- "name": "closer",
12810
- "type": {
12811
- "text": "HTMLButtonElement"
12812
- }
12813
- },
12814
- {
12815
- "kind": "field",
12816
- "name": "variant",
12817
- "type": {
12818
- "text": "'default' | 'warning' | 'announcement'"
12819
- },
12820
- "default": "'default'",
12821
- "description": "The dialog's theme variant.",
12822
- "attribute": "variant",
12823
- "reflects": true
12824
- },
12825
- {
12826
- "kind": "field",
12827
- "name": "size",
12828
- "type": {
12829
- "text": "'small' | 'medium' | 'large' | 'custom'"
12830
- },
12831
- "default": "'medium'",
12832
- "description": "The dialog's size.",
12833
- "attribute": "size",
12834
- "reflects": true
12835
- },
12836
- {
12837
- "kind": "field",
12838
- "name": "open",
12839
- "type": {
12840
- "text": "boolean"
12841
- },
12842
- "default": "false",
12843
- "description": "Indicated whether of not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's state.",
12844
- "attribute": "open",
12845
- "reflects": true
12846
- },
12847
- {
12848
- "kind": "field",
12849
- "name": "label",
12850
- "type": {
12851
- "text": "string"
12852
- },
12853
- "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
12854
- "attribute": "label",
12855
- "reflects": true
12856
- },
12857
- {
12858
- "kind": "field",
12859
- "name": "cosmic",
12860
- "type": {
12861
- "text": "boolean"
12862
- },
12863
- "default": "false",
12864
- "attribute": "cosmic",
12865
- "reflects": true
12866
- },
12867
- {
12868
- "kind": "field",
12869
- "name": "noHeader",
12870
- "type": {
12871
- "text": "boolean"
12872
- },
12873
- "default": "false",
12874
- "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way to close the dialog.",
12875
- "attribute": "no-header",
12876
- "reflects": true
12877
- },
12878
- {
12879
- "kind": "field",
12880
- "name": "trigger",
12881
- "type": {
12882
- "text": "string"
12883
- },
12884
- "description": "The dialog's trigger element. This is used to open the dialog when clicked. If you do not provide a trigger, you\nwill need to manually open the dialog using the `show()` method.",
12885
- "attribute": "trigger",
12886
- "reflects": true
12887
- },
12888
- {
12889
- "kind": "method",
12890
- "name": "requestClose",
12891
- "privacy": "private",
12892
- "parameters": [
12893
- {
12894
- "name": "source",
12895
- "type": {
12896
- "text": "'close-button' | 'keyboard' | 'overlay'"
12897
- }
12898
- }
12899
- ]
12900
- },
12901
- {
12902
- "kind": "method",
12903
- "name": "addOpenListeners",
12904
- "privacy": "private"
12905
- },
12906
- {
12907
- "kind": "method",
12908
- "name": "removeOpenListeners",
12909
- "privacy": "private"
12910
- },
12911
- {
12912
- "kind": "method",
12913
- "name": "show",
12914
- "description": "Shows the dialog."
12915
- },
12916
- {
12917
- "kind": "method",
12918
- "name": "hide",
12919
- "description": "Hides the dialog."
12920
- },
12921
- {
12922
- "kind": "field",
12923
- "name": "closeClickHandler",
12924
- "privacy": "private"
12925
- }
12926
- ],
12927
- "events": [
12928
- {
12929
- "description": "Emitted when the dialog is opens.",
12930
- "name": "zn-show"
12931
- },
12932
- {
12933
- "description": "Emitted when the dialog is closed.",
12934
- "name": "zn-close"
12935
- },
12936
- {
12937
- "type": {
12938
- "text": "{ source: 'close-button' | 'keyboard' | 'overlay' }"
12939
- },
12940
- "description": "Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss.",
12941
- "name": "zn-request-close"
12942
- }
12943
- ],
12944
- "attributes": [
12945
- {
12946
- "name": "variant",
12947
- "type": {
12948
- "text": "'default' | 'warning' | 'announcement'"
12949
- },
12950
- "default": "'default'",
12951
- "description": "The dialog's theme variant.",
12952
- "fieldName": "variant"
12953
- },
12954
- {
12955
- "name": "size",
12956
- "type": {
12957
- "text": "'small' | 'medium' | 'large' | 'custom'"
12958
- },
12959
- "default": "'medium'",
12960
- "description": "The dialog's size.",
12961
- "fieldName": "size"
12962
- },
12963
- {
12964
- "name": "open",
12965
- "type": {
12966
- "text": "boolean"
12967
- },
12968
- "default": "false",
12969
- "description": "Indicated whether of not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's state.",
12970
- "fieldName": "open"
12971
- },
12972
- {
12973
- "name": "label",
12974
- "type": {
12975
- "text": "string"
12976
- },
12977
- "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
12978
- "fieldName": "label"
12979
- },
12980
- {
12981
- "name": "cosmic",
12982
- "type": {
12983
- "text": "boolean"
12984
- },
12985
- "default": "false",
12986
- "fieldName": "cosmic"
12987
- },
12988
- {
12989
- "name": "no-header",
12990
- "type": {
12991
- "text": "boolean"
12992
- },
12993
- "default": "false",
12994
- "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way to close the dialog.",
12995
- "fieldName": "noHeader"
12996
- },
12997
- {
12998
- "name": "trigger",
12999
- "type": {
13000
- "text": "string"
13001
- },
13002
- "description": "The dialog's trigger element. This is used to open the dialog when clicked. If you do not provide a trigger, you\nwill need to manually open the dialog using the `show()` method.",
13003
- "fieldName": "trigger"
13004
- }
13005
- ],
13006
- "superclass": {
13007
- "name": "ZincElement",
13008
- "module": "/src/internal/zinc-element"
13009
- },
13010
- "summary": "Short summary of the component's intended use.",
13011
- "tagNameWithoutPrefix": "dialog",
13012
- "tagName": "zn-dialog",
13013
- "customElement": true,
13014
- "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/dialog\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n *\n * @event zn-show - Emitted when the dialog is opens.\n * @event zn-close - Emitted when the dialog is closed.\n * @event {{ source: 'close-button' | 'keyboard' | 'overlay' }} zn-request-close - Emitted when the user attempts to\n * close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling\n * `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in\n * destructive behavior such as data loss.\n *\n * @slot - The default slot.\n * @slot label - The dialog's label. Alternatively you can use the `label` attribute.\n * @slot header-icon - Optional icon to add to the left of the dialog's label (title). A color will be applied\n * to the icon depending on the dialog variant.\n * @slot announcement-intro - Optional Intro text to display below the icon, when using the variant `announcement`.\n * @slot header-actions - Optional actions to add to the header. Works best with `<zn-button>` elements.\n * @slot footer - The dialog's footer. This is typically used for buttons representing various options.\n * @slot footer-text - Optional text to include below the footer buttons, when using the variant `announcement`.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The dialog's header. This element wraps the title and header actions.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<zn-button>` elements.\n * @csspart title - The dialog's title.\n * @csspart close-button - The dialog's close button.\n * @csspart close-button__base - The close buttons exported `base` part.\n * @csspart body - The dialog's body.\n * @csspart footer - The dialog's footer.\n *\n * @cssproperty --width - The preferred width of the dialog. Note the dialog will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n */",
13015
- "documentation": "https://zinc.style/components/dialog",
13016
- "status": "experimental",
13017
- "since": "1.0",
13018
- "dependencies": [
13019
- "zn-button"
13020
- ]
13021
- }
13022
- ],
13023
- "exports": [
13024
- {
13025
- "kind": "js",
13026
- "name": "default",
13027
- "declaration": {
13028
- "name": "ZnDialog",
13029
- "module": "components/dialog/dialog.js"
13030
- }
13031
- }
13032
- ]
13033
- },
13034
13034
  {
13035
13035
  "kind": "javascript-module",
13036
13036
  "path": "components/dropdown/dropdown.js",
@@ -29051,6 +29051,25 @@
29051
29051
  }
29052
29052
  ]
29053
29053
  },
29054
+ {
29055
+ "kind": "method",
29056
+ "name": "_focusCard",
29057
+ "privacy": "private",
29058
+ "parameters": [
29059
+ {
29060
+ "name": "id",
29061
+ "type": {
29062
+ "text": "string"
29063
+ }
29064
+ }
29065
+ ],
29066
+ "description": "Hands focus to a card, moving it off the action button that was just used.\nCards render unkeyed, so focus left behind stays with the original card's\nelement and keeps its hover actions showing after the pointer leaves."
29067
+ },
29068
+ {
29069
+ "kind": "method",
29070
+ "name": "_blurActiveCard",
29071
+ "privacy": "private"
29072
+ },
29054
29073
  {
29055
29074
  "kind": "method",
29056
29075
  "name": "_moveSection",
@@ -53005,7 +53024,7 @@
53005
53024
  "package": {
53006
53025
  "name": "@kubex/zinc",
53007
53026
  "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
53008
- "version": "1.1.137",
53027
+ "version": "1.1.138",
53009
53028
  "author": "",
53010
53029
  "license": "MIT"
53011
53030
  }