@kubex/zinc 1.1.109 → 1.1.111

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 (9) hide show
  1. package/dist/custom-elements.json +358 -358
  2. package/dist/vscode.html-custom-data.json +30 -30
  3. package/dist/web-types.json +57 -57
  4. package/dist/zn.min.js +4 -4
  5. package/package.json +1 -1
  6. package/src/components/page/page.scss +24 -0
  7. package/src/components/popup/popup.component.ts +5 -2
  8. package/src/components/select/select.test.ts +41 -1
  9. package/src/components/tabs/tabs.component.ts +13 -7
package/dist/custom-elements.json CHANGED
@@ -56,6 +56,79 @@
56
56
  }
57
57
  ]
58
58
  },
59
+ {
60
+ "kind": "javascript-module",
61
+ "path": "components/action-bar/action-bar.js",
62
+ "declarations": [
63
+ {
64
+ "kind": "class",
65
+ "description": "",
66
+ "name": "ZnActionBar",
67
+ "cssProperties": [
68
+ {
69
+ "description": "An example CSS custom property.",
70
+ "name": "--example"
71
+ }
72
+ ],
73
+ "cssParts": [
74
+ {
75
+ "description": "The component's base wrapper.",
76
+ "name": "base"
77
+ }
78
+ ],
79
+ "slots": [
80
+ {
81
+ "description": "The default slot.",
82
+ "name": ""
83
+ },
84
+ {
85
+ "description": "An example slot.",
86
+ "name": "example"
87
+ }
88
+ ],
89
+ "members": [
90
+ {
91
+ "kind": "field",
92
+ "name": "localize",
93
+ "privacy": "private",
94
+ "readonly": true,
95
+ "default": "new LocalizeController(this)"
96
+ }
97
+ ],
98
+ "events": [
99
+ {
100
+ "description": "Emitted as an example.",
101
+ "name": "zn-event-name"
102
+ }
103
+ ],
104
+ "superclass": {
105
+ "name": "ZincElement",
106
+ "module": "/src/internal/zinc-element"
107
+ },
108
+ "summary": "Short summary of the component's intended use.",
109
+ "tagNameWithoutPrefix": "action-bar",
110
+ "tagName": "zn-action-bar",
111
+ "customElement": true,
112
+ "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\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 * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
113
+ "documentation": "https://zinc.style/components/action-bar",
114
+ "status": "experimental",
115
+ "since": "1.0",
116
+ "dependencies": [
117
+ "zn-example"
118
+ ]
119
+ }
120
+ ],
121
+ "exports": [
122
+ {
123
+ "kind": "js",
124
+ "name": "default",
125
+ "declaration": {
126
+ "name": "ZnActionBar",
127
+ "module": "components/action-bar/action-bar.js"
128
+ }
129
+ }
130
+ ]
131
+ },
59
132
  {
60
133
  "kind": "javascript-module",
61
134
  "path": "components/alert/alert.js",
@@ -250,79 +323,6 @@
250
323
  }
251
324
  ]
252
325
  },
253
- {
254
- "kind": "javascript-module",
255
- "path": "components/action-bar/action-bar.js",
256
- "declarations": [
257
- {
258
- "kind": "class",
259
- "description": "",
260
- "name": "ZnActionBar",
261
- "cssProperties": [
262
- {
263
- "description": "An example CSS custom property.",
264
- "name": "--example"
265
- }
266
- ],
267
- "cssParts": [
268
- {
269
- "description": "The component's base wrapper.",
270
- "name": "base"
271
- }
272
- ],
273
- "slots": [
274
- {
275
- "description": "The default slot.",
276
- "name": ""
277
- },
278
- {
279
- "description": "An example slot.",
280
- "name": "example"
281
- }
282
- ],
283
- "members": [
284
- {
285
- "kind": "field",
286
- "name": "localize",
287
- "privacy": "private",
288
- "readonly": true,
289
- "default": "new LocalizeController(this)"
290
- }
291
- ],
292
- "events": [
293
- {
294
- "description": "Emitted as an example.",
295
- "name": "zn-event-name"
296
- }
297
- ],
298
- "superclass": {
299
- "name": "ZincElement",
300
- "module": "/src/internal/zinc-element"
301
- },
302
- "summary": "Short summary of the component's intended use.",
303
- "tagNameWithoutPrefix": "action-bar",
304
- "tagName": "zn-action-bar",
305
- "customElement": true,
306
- "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\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 * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
307
- "documentation": "https://zinc.style/components/action-bar",
308
- "status": "experimental",
309
- "since": "1.0",
310
- "dependencies": [
311
- "zn-example"
312
- ]
313
- }
314
- ],
315
- "exports": [
316
- {
317
- "kind": "js",
318
- "name": "default",
319
- "declaration": {
320
- "name": "ZnActionBar",
321
- "module": "components/action-bar/action-bar.js"
322
- }
323
- }
324
- ]
325
- },
326
326
  {
327
327
  "kind": "javascript-module",
328
328
  "path": "components/animated-button/animated-button.js",
@@ -2582,6 +2582,290 @@
2582
2582
  }
2583
2583
  ]
2584
2584
  },
2585
+ {
2586
+ "kind": "javascript-module",
2587
+ "path": "components/button-menu/button-menu.js",
2588
+ "declarations": [
2589
+ {
2590
+ "kind": "class",
2591
+ "description": "",
2592
+ "name": "ZnButtonMenu",
2593
+ "slots": [
2594
+ {
2595
+ "description": "The default slot.",
2596
+ "name": ""
2597
+ }
2598
+ ],
2599
+ "members": [
2600
+ {
2601
+ "kind": "field",
2602
+ "name": "maxWidth",
2603
+ "type": {
2604
+ "text": "number"
2605
+ },
2606
+ "privacy": "public",
2607
+ "attribute": "max-width"
2608
+ },
2609
+ {
2610
+ "kind": "field",
2611
+ "name": "containerWidth",
2612
+ "type": {
2613
+ "text": "number"
2614
+ },
2615
+ "privacy": "public",
2616
+ "attribute": "containerWidth"
2617
+ },
2618
+ {
2619
+ "kind": "field",
2620
+ "name": "limit",
2621
+ "type": {
2622
+ "text": "number"
2623
+ },
2624
+ "privacy": "public",
2625
+ "default": "-1",
2626
+ "attribute": "limit"
2627
+ },
2628
+ {
2629
+ "kind": "field",
2630
+ "name": "maxLevel",
2631
+ "type": {
2632
+ "text": "number"
2633
+ },
2634
+ "privacy": "public",
2635
+ "default": "2",
2636
+ "attribute": "max-level"
2637
+ },
2638
+ {
2639
+ "kind": "field",
2640
+ "name": "iconSize",
2641
+ "type": {
2642
+ "text": "number"
2643
+ },
2644
+ "default": "20",
2645
+ "attribute": "icon-size",
2646
+ "reflects": true
2647
+ },
2648
+ {
2649
+ "kind": "field",
2650
+ "name": "noGap",
2651
+ "type": {
2652
+ "text": "boolean"
2653
+ },
2654
+ "privacy": "public",
2655
+ "attribute": "no-gap"
2656
+ },
2657
+ {
2658
+ "kind": "field",
2659
+ "name": "noPadding",
2660
+ "type": {
2661
+ "text": "boolean"
2662
+ },
2663
+ "privacy": "public",
2664
+ "attribute": "no-padding"
2665
+ },
2666
+ {
2667
+ "kind": "field",
2668
+ "name": "_buttons",
2669
+ "type": {
2670
+ "text": "CustomButtonWidths[]"
2671
+ },
2672
+ "privacy": "private",
2673
+ "default": "[]"
2674
+ },
2675
+ {
2676
+ "kind": "field",
2677
+ "name": "_originalButtons",
2678
+ "type": {
2679
+ "text": "CustomButtonWidths[]"
2680
+ },
2681
+ "privacy": "private",
2682
+ "default": "[]"
2683
+ },
2684
+ {
2685
+ "kind": "field",
2686
+ "name": "_resizeRafId",
2687
+ "type": {
2688
+ "text": "number"
2689
+ },
2690
+ "privacy": "private",
2691
+ "default": "0"
2692
+ },
2693
+ {
2694
+ "kind": "field",
2695
+ "name": "resizeObserver",
2696
+ "privacy": "private",
2697
+ "readonly": true,
2698
+ "default": "new ResizeController(this, { target: null, callback: () => { if (this._resizeRafId) return; this._resizeRafId = requestAnimationFrame(() => { this._resizeRafId = 0; this.containerWidth = this.offsetWidth; }); }, })"
2699
+ },
2700
+ {
2701
+ "kind": "method",
2702
+ "name": "watchContainerMaxWidth"
2703
+ },
2704
+ {
2705
+ "kind": "method",
2706
+ "name": "calculateVisibleButtons"
2707
+ },
2708
+ {
2709
+ "kind": "method",
2710
+ "name": "calculateMenuButtons",
2711
+ "parameters": [
2712
+ {
2713
+ "name": "totalButtons",
2714
+ "type": {
2715
+ "text": "number"
2716
+ }
2717
+ },
2718
+ {
2719
+ "name": "visibleButtons",
2720
+ "type": {
2721
+ "text": "number"
2722
+ }
2723
+ },
2724
+ {
2725
+ "name": "buttons",
2726
+ "type": {
2727
+ "text": "CustomButtonWidths[]"
2728
+ }
2729
+ }
2730
+ ]
2731
+ },
2732
+ {
2733
+ "kind": "method",
2734
+ "name": "getButtonLabel",
2735
+ "privacy": "private",
2736
+ "parameters": [
2737
+ {
2738
+ "name": "button",
2739
+ "type": {
2740
+ "text": "ZnButton"
2741
+ }
2742
+ }
2743
+ ]
2744
+ },
2745
+ {
2746
+ "kind": "method",
2747
+ "name": "addButton",
2748
+ "privacy": "public",
2749
+ "parameters": [
2750
+ {
2751
+ "name": "button",
2752
+ "type": {
2753
+ "text": "ZnButton"
2754
+ }
2755
+ }
2756
+ ]
2757
+ },
2758
+ {
2759
+ "kind": "method",
2760
+ "name": "setDynamicButtons",
2761
+ "privacy": "public",
2762
+ "parameters": [
2763
+ {
2764
+ "name": "btns",
2765
+ "type": {
2766
+ "text": "NodeListOf<ZnButton>"
2767
+ }
2768
+ }
2769
+ ]
2770
+ },
2771
+ {
2772
+ "kind": "method",
2773
+ "name": "removeButton",
2774
+ "privacy": "public",
2775
+ "parameters": [
2776
+ {
2777
+ "name": "id",
2778
+ "type": {
2779
+ "text": "string"
2780
+ }
2781
+ }
2782
+ ]
2783
+ },
2784
+ {
2785
+ "kind": "method",
2786
+ "name": "removeAllButtons",
2787
+ "privacy": "public"
2788
+ }
2789
+ ],
2790
+ "attributes": [
2791
+ {
2792
+ "name": "max-width",
2793
+ "type": {
2794
+ "text": "number"
2795
+ },
2796
+ "fieldName": "maxWidth"
2797
+ },
2798
+ {
2799
+ "name": "containerWidth",
2800
+ "type": {
2801
+ "text": "number"
2802
+ },
2803
+ "fieldName": "containerWidth"
2804
+ },
2805
+ {
2806
+ "name": "limit",
2807
+ "type": {
2808
+ "text": "number"
2809
+ },
2810
+ "default": "-1",
2811
+ "fieldName": "limit"
2812
+ },
2813
+ {
2814
+ "name": "max-level",
2815
+ "type": {
2816
+ "text": "number"
2817
+ },
2818
+ "default": "2",
2819
+ "fieldName": "maxLevel"
2820
+ },
2821
+ {
2822
+ "name": "icon-size",
2823
+ "type": {
2824
+ "text": "number"
2825
+ },
2826
+ "default": "20",
2827
+ "fieldName": "iconSize"
2828
+ },
2829
+ {
2830
+ "name": "no-gap",
2831
+ "type": {
2832
+ "text": "boolean"
2833
+ },
2834
+ "fieldName": "noGap"
2835
+ },
2836
+ {
2837
+ "name": "no-padding",
2838
+ "type": {
2839
+ "text": "boolean"
2840
+ },
2841
+ "fieldName": "noPadding"
2842
+ }
2843
+ ],
2844
+ "superclass": {
2845
+ "name": "ZincElement",
2846
+ "module": "/src/internal/zinc-element"
2847
+ },
2848
+ "summary": "Automatically hides buttons in a menu when the screen is too small.",
2849
+ "tagNameWithoutPrefix": "button-menu",
2850
+ "tagName": "zn-button-menu",
2851
+ "customElement": true,
2852
+ "jsDoc": "/**\n * @summary Automatically hides buttons in a menu when the screen is too small.\n * @documentation https://zinc.style/components/button-menu\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot.\n *\n */",
2853
+ "documentation": "https://zinc.style/components/button-menu",
2854
+ "status": "experimental",
2855
+ "since": "1.0"
2856
+ }
2857
+ ],
2858
+ "exports": [
2859
+ {
2860
+ "kind": "js",
2861
+ "name": "default",
2862
+ "declaration": {
2863
+ "name": "ZnButtonMenu",
2864
+ "module": "components/button-menu/button-menu.js"
2865
+ }
2866
+ }
2867
+ ]
2868
+ },
2585
2869
  {
2586
2870
  "kind": "javascript-module",
2587
2871
  "path": "components/channel-tile/channel-tile.js",
@@ -3655,290 +3939,6 @@
3655
3939
  }
3656
3940
  ]
3657
3941
  },
3658
- {
3659
- "kind": "javascript-module",
3660
- "path": "components/button-menu/button-menu.js",
3661
- "declarations": [
3662
- {
3663
- "kind": "class",
3664
- "description": "",
3665
- "name": "ZnButtonMenu",
3666
- "slots": [
3667
- {
3668
- "description": "The default slot.",
3669
- "name": ""
3670
- }
3671
- ],
3672
- "members": [
3673
- {
3674
- "kind": "field",
3675
- "name": "maxWidth",
3676
- "type": {
3677
- "text": "number"
3678
- },
3679
- "privacy": "public",
3680
- "attribute": "max-width"
3681
- },
3682
- {
3683
- "kind": "field",
3684
- "name": "containerWidth",
3685
- "type": {
3686
- "text": "number"
3687
- },
3688
- "privacy": "public",
3689
- "attribute": "containerWidth"
3690
- },
3691
- {
3692
- "kind": "field",
3693
- "name": "limit",
3694
- "type": {
3695
- "text": "number"
3696
- },
3697
- "privacy": "public",
3698
- "default": "-1",
3699
- "attribute": "limit"
3700
- },
3701
- {
3702
- "kind": "field",
3703
- "name": "maxLevel",
3704
- "type": {
3705
- "text": "number"
3706
- },
3707
- "privacy": "public",
3708
- "default": "2",
3709
- "attribute": "max-level"
3710
- },
3711
- {
3712
- "kind": "field",
3713
- "name": "iconSize",
3714
- "type": {
3715
- "text": "number"
3716
- },
3717
- "default": "20",
3718
- "attribute": "icon-size",
3719
- "reflects": true
3720
- },
3721
- {
3722
- "kind": "field",
3723
- "name": "noGap",
3724
- "type": {
3725
- "text": "boolean"
3726
- },
3727
- "privacy": "public",
3728
- "attribute": "no-gap"
3729
- },
3730
- {
3731
- "kind": "field",
3732
- "name": "noPadding",
3733
- "type": {
3734
- "text": "boolean"
3735
- },
3736
- "privacy": "public",
3737
- "attribute": "no-padding"
3738
- },
3739
- {
3740
- "kind": "field",
3741
- "name": "_buttons",
3742
- "type": {
3743
- "text": "CustomButtonWidths[]"
3744
- },
3745
- "privacy": "private",
3746
- "default": "[]"
3747
- },
3748
- {
3749
- "kind": "field",
3750
- "name": "_originalButtons",
3751
- "type": {
3752
- "text": "CustomButtonWidths[]"
3753
- },
3754
- "privacy": "private",
3755
- "default": "[]"
3756
- },
3757
- {
3758
- "kind": "field",
3759
- "name": "_resizeRafId",
3760
- "type": {
3761
- "text": "number"
3762
- },
3763
- "privacy": "private",
3764
- "default": "0"
3765
- },
3766
- {
3767
- "kind": "field",
3768
- "name": "resizeObserver",
3769
- "privacy": "private",
3770
- "readonly": true,
3771
- "default": "new ResizeController(this, { target: null, callback: () => { if (this._resizeRafId) return; this._resizeRafId = requestAnimationFrame(() => { this._resizeRafId = 0; this.containerWidth = this.offsetWidth; }); }, })"
3772
- },
3773
- {
3774
- "kind": "method",
3775
- "name": "watchContainerMaxWidth"
3776
- },
3777
- {
3778
- "kind": "method",
3779
- "name": "calculateVisibleButtons"
3780
- },
3781
- {
3782
- "kind": "method",
3783
- "name": "calculateMenuButtons",
3784
- "parameters": [
3785
- {
3786
- "name": "totalButtons",
3787
- "type": {
3788
- "text": "number"
3789
- }
3790
- },
3791
- {
3792
- "name": "visibleButtons",
3793
- "type": {
3794
- "text": "number"
3795
- }
3796
- },
3797
- {
3798
- "name": "buttons",
3799
- "type": {
3800
- "text": "CustomButtonWidths[]"
3801
- }
3802
- }
3803
- ]
3804
- },
3805
- {
3806
- "kind": "method",
3807
- "name": "getButtonLabel",
3808
- "privacy": "private",
3809
- "parameters": [
3810
- {
3811
- "name": "button",
3812
- "type": {
3813
- "text": "ZnButton"
3814
- }
3815
- }
3816
- ]
3817
- },
3818
- {
3819
- "kind": "method",
3820
- "name": "addButton",
3821
- "privacy": "public",
3822
- "parameters": [
3823
- {
3824
- "name": "button",
3825
- "type": {
3826
- "text": "ZnButton"
3827
- }
3828
- }
3829
- ]
3830
- },
3831
- {
3832
- "kind": "method",
3833
- "name": "setDynamicButtons",
3834
- "privacy": "public",
3835
- "parameters": [
3836
- {
3837
- "name": "btns",
3838
- "type": {
3839
- "text": "NodeListOf<ZnButton>"
3840
- }
3841
- }
3842
- ]
3843
- },
3844
- {
3845
- "kind": "method",
3846
- "name": "removeButton",
3847
- "privacy": "public",
3848
- "parameters": [
3849
- {
3850
- "name": "id",
3851
- "type": {
3852
- "text": "string"
3853
- }
3854
- }
3855
- ]
3856
- },
3857
- {
3858
- "kind": "method",
3859
- "name": "removeAllButtons",
3860
- "privacy": "public"
3861
- }
3862
- ],
3863
- "attributes": [
3864
- {
3865
- "name": "max-width",
3866
- "type": {
3867
- "text": "number"
3868
- },
3869
- "fieldName": "maxWidth"
3870
- },
3871
- {
3872
- "name": "containerWidth",
3873
- "type": {
3874
- "text": "number"
3875
- },
3876
- "fieldName": "containerWidth"
3877
- },
3878
- {
3879
- "name": "limit",
3880
- "type": {
3881
- "text": "number"
3882
- },
3883
- "default": "-1",
3884
- "fieldName": "limit"
3885
- },
3886
- {
3887
- "name": "max-level",
3888
- "type": {
3889
- "text": "number"
3890
- },
3891
- "default": "2",
3892
- "fieldName": "maxLevel"
3893
- },
3894
- {
3895
- "name": "icon-size",
3896
- "type": {
3897
- "text": "number"
3898
- },
3899
- "default": "20",
3900
- "fieldName": "iconSize"
3901
- },
3902
- {
3903
- "name": "no-gap",
3904
- "type": {
3905
- "text": "boolean"
3906
- },
3907
- "fieldName": "noGap"
3908
- },
3909
- {
3910
- "name": "no-padding",
3911
- "type": {
3912
- "text": "boolean"
3913
- },
3914
- "fieldName": "noPadding"
3915
- }
3916
- ],
3917
- "superclass": {
3918
- "name": "ZincElement",
3919
- "module": "/src/internal/zinc-element"
3920
- },
3921
- "summary": "Automatically hides buttons in a menu when the screen is too small.",
3922
- "tagNameWithoutPrefix": "button-menu",
3923
- "tagName": "zn-button-menu",
3924
- "customElement": true,
3925
- "jsDoc": "/**\n * @summary Automatically hides buttons in a menu when the screen is too small.\n * @documentation https://zinc.style/components/button-menu\n * @status experimental\n * @since 1.0\n *\n * @slot - The default slot.\n *\n */",
3926
- "documentation": "https://zinc.style/components/button-menu",
3927
- "status": "experimental",
3928
- "since": "1.0"
3929
- }
3930
- ],
3931
- "exports": [
3932
- {
3933
- "kind": "js",
3934
- "name": "default",
3935
- "declaration": {
3936
- "name": "ZnButtonMenu",
3937
- "module": "components/button-menu/button-menu.js"
3938
- }
3939
- }
3940
- ]
3941
- },
3942
3942
  {
3943
3943
  "kind": "javascript-module",
3944
3944
  "path": "components/chat-message/chat-message.js",
@@ -50889,7 +50889,7 @@
50889
50889
  "package": {
50890
50890
  "name": "@kubex/zinc",
50891
50891
  "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
50892
- "version": "1.1.109",
50892
+ "version": "1.1.111",
50893
50893
  "author": "",
50894
50894
  "license": "MIT"
50895
50895
  }