@kubex/zinc 1.1.108 → 1.1.109
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.
- package/dist/custom-elements.json +285 -285
- package/dist/vscode.html-custom-data.json +19 -19
- package/dist/web-types.json +35 -35
- package/dist/zn.min.js +278 -280
- package/docs/pages/components/opt-group.md +3 -1
- package/docs/pages/components/select.md +4 -2
- package/package.json +1 -1
- package/src/components/opt-group/opt-group.component.ts +4 -4
- package/src/components/opt-group/opt-group.scss +10 -11
- package/src/components/select/select.component.ts +11 -0
- package/src/components/select/select.scss +5 -3
- package/src/components/select/select.test.ts +59 -0
|
@@ -2582,290 +2582,6 @@
|
|
|
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
|
-
},
|
|
2869
2585
|
{
|
|
2870
2586
|
"kind": "javascript-module",
|
|
2871
2587
|
"path": "components/channel-tile/channel-tile.js",
|
|
@@ -3939,6 +3655,290 @@
|
|
|
3939
3655
|
}
|
|
3940
3656
|
]
|
|
3941
3657
|
},
|
|
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.
|
|
50892
|
+
"version": "1.1.109",
|
|
50893
50893
|
"author": "",
|
|
50894
50894
|
"license": "MIT"
|
|
50895
50895
|
}
|
|
@@ -363,25 +363,6 @@
|
|
|
363
363
|
}
|
|
364
364
|
]
|
|
365
365
|
},
|
|
366
|
-
{
|
|
367
|
-
"name": "zn-button-menu",
|
|
368
|
-
"description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
|
|
369
|
-
"attributes": [
|
|
370
|
-
{ "name": "max-width", "values": [] },
|
|
371
|
-
{ "name": "containerWidth", "values": [] },
|
|
372
|
-
{ "name": "limit", "values": [] },
|
|
373
|
-
{ "name": "max-level", "values": [] },
|
|
374
|
-
{ "name": "icon-size", "values": [] },
|
|
375
|
-
{ "name": "no-gap", "values": [] },
|
|
376
|
-
{ "name": "no-padding", "values": [] }
|
|
377
|
-
],
|
|
378
|
-
"references": [
|
|
379
|
-
{
|
|
380
|
-
"name": "Documentation",
|
|
381
|
-
"url": "https://zinc.style/components/button-menu"
|
|
382
|
-
}
|
|
383
|
-
]
|
|
384
|
-
},
|
|
385
366
|
{
|
|
386
367
|
"name": "zn-channel-tile",
|
|
387
368
|
"description": "A channel/queue slot tile with two faces: an active (occupied) state\nshowing an in-progress item, and an available (empty) state advertising\ncapacity — optionally reserving an incoming item with an auto-accept countdown.\n---\n\n\n### **Events:**\n - **zn-accept** - Emitted when an available tile is accepted (click or auto-accept). Cancelable — call `preventDefault()` to suppress the built-in `accept-uri` fetch.\n- **zn-reject** - Emitted when the reject control is pressed.\n\n### **Slots:**\n - **title** - Replaces the primary line. Falls back to the `title` attribute (or \"Available\" when unset in the available state).\n- **subtitle** - Replaces the secondary line. Falls back to the `subtitle` attribute.\n- **leading** - Replaces the leading icon in the active state.\n- **action** - Action content for the available state (e.g. a form). Falls back to a default accept button.\n- **footer** - Trailing content (e.g. status badges) in the active state.\n\n### **CSS Properties:**\n - **--channel-tile-color** - Resolved accent color (set from the `color` property). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **progress** - The progress indicator (incoming countdown overlay or active progress bar).",
|
|
@@ -527,6 +508,25 @@
|
|
|
527
508
|
}
|
|
528
509
|
]
|
|
529
510
|
},
|
|
511
|
+
{
|
|
512
|
+
"name": "zn-button-menu",
|
|
513
|
+
"description": "Automatically hides buttons in a menu when the screen is too small.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
|
|
514
|
+
"attributes": [
|
|
515
|
+
{ "name": "max-width", "values": [] },
|
|
516
|
+
{ "name": "containerWidth", "values": [] },
|
|
517
|
+
{ "name": "limit", "values": [] },
|
|
518
|
+
{ "name": "max-level", "values": [] },
|
|
519
|
+
{ "name": "icon-size", "values": [] },
|
|
520
|
+
{ "name": "no-gap", "values": [] },
|
|
521
|
+
{ "name": "no-padding", "values": [] }
|
|
522
|
+
],
|
|
523
|
+
"references": [
|
|
524
|
+
{
|
|
525
|
+
"name": "Documentation",
|
|
526
|
+
"url": "https://zinc.style/components/button-menu"
|
|
527
|
+
}
|
|
528
|
+
]
|
|
529
|
+
},
|
|
530
530
|
{
|
|
531
531
|
"name": "zn-chat-message",
|
|
532
532
|
"description": "A single message in a chat-style conversation: avatar, sender,\ntime, optional badge, and a message bubble with optional actions. Also renders\nsystem events (connections, transfers, etc.) as a centred card.\n---\n\n\n### **Slots:**\n - _default_ - The message content. Ignored when the `message` attribute is set.\n- **badge** - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).\n- **attachments** - Attachments displayed beneath the message content. Use `zn-chat-message-attachment`, which auto-assigns itself to this slot.\n- **edit-dialog-trigger** - Action rendered at the end of the bubble (e.g. a remove icon button).\n- **edit-dialog** - Pass-through for an associated dialog element.\n\n### **CSS Properties:**\n - **--message-background** - The bubble's background color. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **avatar** - The avatar column.\n- **body** - The header and bubble column.\n- **header** - The sender/time/badge row.\n- **bubble** - The message bubble.\n- **content** - The message content within the bubble.\n- **attachments** - The attachments row beneath the message content.\n- **system-card** - The card rendered for system action types.",
|