@mgdis/mg-components 6.22.0 → 6.22.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.
- package/dist/cjs/{index-C2viYwrR.js → index-Dz2LAZQT.js} +325 -1789
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{mg-action-more_37.cjs.entry.js → mg-action-more_36.cjs.entry.js} +109 -130
- package/dist/cjs/mg-alert.cjs.entry.js +2 -2
- package/dist/cjs/mg-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/mg-components.cjs.js +3 -3
- package/dist/cjs/mg-fieldset.cjs.entry.js +2 -2
- package/dist/cjs/mg-input-combobox.cjs.entry.js +2 -2
- package/dist/cjs/mg-input-file.cjs.entry.js +3 -3
- package/dist/cjs/mg-input-rich-text-editor.cjs.entry.js +2498 -2474
- package/dist/cjs/mg-loader.cjs.entry.js +2 -2
- package/dist/cjs/mg-progress.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/atoms/mg-badge/mg-badge.js +2 -1
- package/dist/collection/components/atoms/mg-button/mg-button.js +6 -3
- package/dist/collection/components/atoms/mg-card/mg-card.js +2 -1
- package/dist/collection/components/atoms/mg-icon/mg-icon.js +8 -4
- package/dist/collection/components/atoms/mg-tag/mg-tag.js +2 -1
- package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js +2 -1
- package/dist/collection/components/molecules/inputs/mg-input/mg-input.js +4 -2
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxPaginated.js +38 -0
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.js +3 -2
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js +47 -26
- package/dist/collection/components/molecules/inputs/mg-input-combobox/mg-input-combobox.js +13 -7
- package/dist/collection/components/molecules/inputs/mg-input-date/mg-input-date.js +3 -2
- package/dist/collection/components/molecules/inputs/mg-input-file/mg-input-file.js +4 -3
- package/dist/collection/components/molecules/inputs/mg-input-numeric/mg-input-numeric.js +9 -5
- package/dist/collection/components/molecules/inputs/mg-input-password/mg-input-password.js +5 -3
- package/dist/collection/components/molecules/inputs/mg-input-radio/mg-input-radio.js +5 -3
- package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js +7 -4
- package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js +22 -8
- package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.js +11 -6
- package/dist/collection/components/molecules/inputs/mg-input-textarea/mg-input-textarea.js +5 -3
- package/dist/collection/components/molecules/inputs/mg-input-toggle/mg-input-toggle.js +7 -4
- package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js +5 -3
- package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js +5 -3
- package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js +4 -2
- package/dist/collection/components/molecules/mg-action-more/mg-action-more.js +11 -7
- package/dist/collection/components/molecules/mg-alert/mg-alert.js +5 -3
- package/dist/collection/components/molecules/mg-breadcrumb/mg-breadcrumb.js +3 -2
- package/dist/collection/components/molecules/mg-details/mg-details.js +1 -1
- package/dist/collection/components/molecules/mg-fieldset/mg-fieldset.js +3 -2
- package/dist/collection/components/molecules/mg-form/mg-form.js +5 -3
- package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js +5 -3
- package/dist/collection/components/molecules/mg-loader/mg-loader.js +1 -1
- package/dist/collection/components/molecules/mg-message/mg-message.js +6 -4
- package/dist/collection/components/molecules/mg-modal/mg-modal.js +4 -3
- package/dist/collection/components/molecules/mg-pagination/mg-pagination.js +2 -1
- package/dist/collection/components/molecules/mg-panel/mg-panel.js +5 -3
- package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js +1 -1
- package/dist/collection/components/molecules/mg-popover/mg-popover.js +3 -2
- package/dist/collection/components/molecules/mg-progress/mg-progress.js +3 -2
- package/dist/collection/components/molecules/mg-skip-links/mg-skip-links.js +3 -2
- package/dist/collection/components/molecules/mg-table/mg-table.js +4 -2
- package/dist/collection/components/molecules/mg-tabs/mg-tabs.js +3 -2
- package/dist/components/index2.js +1 -1
- package/dist/components/mg-action-more.js +1 -1
- package/dist/components/mg-alert.js +1 -1
- package/dist/components/mg-breadcrumb.js +1 -1
- package/dist/components/mg-details.js +1 -1
- package/dist/components/mg-fieldset.js +1 -1
- package/dist/components/mg-form.js +1 -1
- package/dist/components/mg-illustrated-message.js +1 -1
- package/dist/components/mg-input-checkbox.js +1 -1
- package/dist/components/mg-input-combobox.js +1 -1
- package/dist/components/mg-input-date.js +1 -1
- package/dist/components/mg-input-file.js +1 -1
- package/dist/components/mg-input-numeric.js +1 -1
- package/dist/components/mg-input-password.js +1 -1
- package/dist/components/mg-input-radio.js +1 -1
- package/dist/components/mg-input-rich-text-editor.js +2 -2
- package/dist/components/mg-input-select2.js +1 -1
- package/dist/components/mg-input-text2.js +1 -1
- package/dist/components/mg-input-textarea.js +1 -1
- package/dist/components/mg-input-toggle.js +1 -1
- package/dist/components/mg-item-more2.js +1 -1
- package/dist/components/mg-loader2.js +1 -1
- package/dist/components/mg-message2.js +1 -1
- package/dist/components/mg-modal.js +1 -1
- package/dist/components/mg-panel.js +1 -1
- package/dist/components/mg-popover-content2.js +1 -1
- package/dist/components/mg-popover2.js +1 -1
- package/dist/components/mg-progress.js +1 -1
- package/dist/components/mg-skip-links.js +1 -1
- package/dist/components/mg-tabs2.js +1 -1
- package/dist/esm/{index-DFwaH2hS.js → index-C3jUhxdI.js} +325 -1789
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{mg-action-more_37.entry.js → mg-action-more_36.entry.js} +111 -131
- package/dist/esm/mg-alert.entry.js +2 -2
- package/dist/esm/mg-breadcrumb.entry.js +2 -2
- package/dist/esm/mg-components.js +4 -4
- package/dist/esm/mg-fieldset.entry.js +2 -2
- package/dist/esm/mg-input-combobox.entry.js +2 -2
- package/dist/esm/mg-input-file.entry.js +3 -3
- package/dist/esm/mg-input-rich-text-editor.entry.js +2498 -2474
- package/dist/esm/mg-loader.entry.js +2 -2
- package/dist/esm/mg-progress.entry.js +2 -2
- package/dist/mg-components/mg-components.esm.js +1 -1
- package/dist/mg-components/{p-2ee92f38.entry.js → p-06fbdb2f.entry.js} +1 -1
- package/dist/mg-components/{p-3b653226.entry.js → p-188b9ca9.entry.js} +1 -1
- package/dist/mg-components/p-4667078d.entry.js +1 -0
- package/dist/mg-components/{p-c63f97f0.entry.js → p-5a859ecf.entry.js} +2 -2
- package/dist/mg-components/{p-d5e69c95.entry.js → p-661da56b.entry.js} +1 -1
- package/dist/mg-components/{p-adec7fcc.entry.js → p-8e256086.entry.js} +1 -1
- package/dist/mg-components/p-C3jUhxdI.js +2 -0
- package/dist/mg-components/{p-cc793586.entry.js → p-b0b8c58f.entry.js} +1 -1
- package/dist/mg-components/{p-5745fbea.entry.js → p-bbcef41c.entry.js} +1 -1
- package/dist/mg-components/{p-c8c8cfc1.entry.js → p-c1aeb277.entry.js} +1 -1
- package/dist/types/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxList.d.ts +2 -2
- package/dist/types/components/molecules/inputs/mg-input-checkbox/MgInputCheckboxPaginated.d.ts +8 -0
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.d.ts +16 -8
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts +15 -5
- package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts +1 -1
- package/dist/types/components.d.ts +525 -170
- package/dist/types/stencil-public-runtime.d.ts +52 -2
- package/ide/intellij/web-types.json +7 -7
- package/ide/vscode/html-custom-data.json +3 -3
- package/package.json +19 -19
- package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js +0 -245
- package/dist/components/mg-input-checkbox-paginated.d.ts +0 -11
- package/dist/components/mg-input-checkbox-paginated.js +0 -1
- package/dist/components/mg-input-checkbox-paginated2.js +0 -1
- package/dist/mg-components/p-0482eb9f.entry.js +0 -1
- package/dist/mg-components/p-DFwaH2hS.js +0 -2
- package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.d.ts +0 -77
|
@@ -125,8 +125,27 @@ export interface EventOptions {
|
|
|
125
125
|
*/
|
|
126
126
|
composed?: boolean;
|
|
127
127
|
}
|
|
128
|
+
export interface AttachInternalsOptions {
|
|
129
|
+
/**
|
|
130
|
+
* Initial custom states to set on the ElementInternals.states CustomStateSet.
|
|
131
|
+
* Each key is the state name and the value is the initial boolean state.
|
|
132
|
+
*
|
|
133
|
+
* These states can be targeted with the CSS `:state()` pseudo-class.
|
|
134
|
+
*
|
|
135
|
+
* @example
|
|
136
|
+
* ```tsx
|
|
137
|
+
* @AttachInternals({ states: { open: true, active: false } })
|
|
138
|
+
* internals: ElementInternals;
|
|
139
|
+
* ```
|
|
140
|
+
*
|
|
141
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
|
|
142
|
+
*/
|
|
143
|
+
states?: {
|
|
144
|
+
[stateName: string]: boolean;
|
|
145
|
+
};
|
|
146
|
+
}
|
|
128
147
|
export interface AttachInternalsDecorator {
|
|
129
|
-
(): PropertyDecorator;
|
|
148
|
+
(opts?: AttachInternalsOptions): PropertyDecorator;
|
|
130
149
|
}
|
|
131
150
|
export interface ListenDecorator {
|
|
132
151
|
(eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
|
|
@@ -618,7 +637,7 @@ export interface FunctionalUtilities {
|
|
|
618
637
|
map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
|
|
619
638
|
}
|
|
620
639
|
export interface FunctionalComponent<T = {}> {
|
|
621
|
-
(props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
|
|
640
|
+
(props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[] | null;
|
|
622
641
|
}
|
|
623
642
|
/**
|
|
624
643
|
* A Child VDOM node
|
|
@@ -660,6 +679,7 @@ export declare namespace h {
|
|
|
660
679
|
function h(sel: any, data: VNodeData | null, text: string): VNode;
|
|
661
680
|
function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
|
|
662
681
|
function h(sel: any, data: VNodeData | null, children: VNode): VNode;
|
|
682
|
+
function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
|
|
663
683
|
namespace JSX {
|
|
664
684
|
interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
|
|
665
685
|
[tagName: string]: any;
|
|
@@ -674,6 +694,36 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
|
|
|
674
694
|
export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
|
|
675
695
|
export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
|
|
676
696
|
export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
|
|
697
|
+
export declare function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
|
|
698
|
+
/**
|
|
699
|
+
* Automatic JSX runtime functions for TypeScript's react-jsx mode.
|
|
700
|
+
* These functions are called automatically by TypeScript when using "jsx": "react-jsx".
|
|
701
|
+
* @param type type of node
|
|
702
|
+
* @param props properties of node
|
|
703
|
+
* @param key optional key for the node
|
|
704
|
+
* @returns a jsx vnode
|
|
705
|
+
*/
|
|
706
|
+
export declare function jsx(type: any, props: any, key?: string): VNode;
|
|
707
|
+
/**
|
|
708
|
+
* Automatic JSX runtime functions for TypeScript's react-jsxmode with multiple children.
|
|
709
|
+
* @param type type of node
|
|
710
|
+
* @param props properties of node
|
|
711
|
+
* @param key optional key for the node
|
|
712
|
+
* @returns a jsx vnode
|
|
713
|
+
*/
|
|
714
|
+
export declare function jsxs(type: any, props: any, key?: string): VNode;
|
|
715
|
+
/**
|
|
716
|
+
* Automatic JSX runtime functions for TypeScript's react-jsxdev mode.
|
|
717
|
+
* These functions are called automatically by TypeScript when using "jsx": "react-jsxdev".
|
|
718
|
+
* @param type type of node
|
|
719
|
+
* @param props properties of node
|
|
720
|
+
* @param key optional key for the node
|
|
721
|
+
* @param isStaticChildren indicates if the children are static
|
|
722
|
+
* @param source source information
|
|
723
|
+
* @param self reference to the component instance
|
|
724
|
+
* @returns a jsx vnode
|
|
725
|
+
*/
|
|
726
|
+
export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
|
|
677
727
|
/**
|
|
678
728
|
* A virtual DOM node
|
|
679
729
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@mgdis/mg-components",
|
|
4
|
-
"version": "6.22.
|
|
4
|
+
"version": "6.22.1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -26,10 +26,10 @@
|
|
|
26
26
|
"properties": [
|
|
27
27
|
{
|
|
28
28
|
"name": "button",
|
|
29
|
-
"description": "Define button properties\n\nType: `{
|
|
29
|
+
"description": "Define button properties\n\nType: `{ variant: \"flat\" | \"info\" | \"link\" | \"success\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; label?: string; disabled?: boolean; isIcon: boolean; }`",
|
|
30
30
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-action-more--docs",
|
|
31
31
|
"value": {
|
|
32
|
-
"type": "{
|
|
32
|
+
"type": "{ variant: \"flat\" | \"info\" | \"link\" | \"success\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; label?: string; disabled?: boolean; isIcon: boolean; }",
|
|
33
33
|
"default": "{ variant: 'flat', isIcon: true }",
|
|
34
34
|
"required": false
|
|
35
35
|
}
|
|
@@ -46,10 +46,10 @@
|
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
48
|
"name": "icon",
|
|
49
|
-
"description": "Define displayed icon\n\nType: `{ icon: \"filter\" | \"
|
|
49
|
+
"description": "Define displayed icon\n\nType: `{ icon: \"filter\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }`",
|
|
50
50
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-mg-action-more--docs",
|
|
51
51
|
"value": {
|
|
52
|
-
"type": "{ icon: \"filter\" | \"
|
|
52
|
+
"type": "{ icon: \"filter\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
|
|
53
53
|
"required": false
|
|
54
54
|
}
|
|
55
55
|
},
|
|
@@ -2146,10 +2146,10 @@
|
|
|
2146
2146
|
},
|
|
2147
2147
|
{
|
|
2148
2148
|
"name": "value",
|
|
2149
|
-
"description": "Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nType: `
|
|
2149
|
+
"description": "Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nType: `ICheckboxValue[]`",
|
|
2150
2150
|
"doc-url": "http://core.pages.mgdis.fr/core-ui/core-ui/storybook/?path=/docs/molecules-inputs-mg-input-checkbox--docs",
|
|
2151
2151
|
"value": {
|
|
2152
|
-
"type": "
|
|
2152
|
+
"type": "ICheckboxValue[]",
|
|
2153
2153
|
"required": true
|
|
2154
2154
|
}
|
|
2155
2155
|
}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"attributes": [
|
|
8
8
|
{
|
|
9
9
|
"name": "button",
|
|
10
|
-
"description": "Define button properties\n\nType: `{
|
|
10
|
+
"description": "Define button properties\n\nType: `{ variant: \"flat\" | \"info\" | \"link\" | \"success\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; label?: string; disabled?: boolean; isIcon: boolean; }`",
|
|
11
11
|
"references": [
|
|
12
12
|
{
|
|
13
13
|
"name": "Storybook",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
},
|
|
36
36
|
{
|
|
37
37
|
"name": "icon",
|
|
38
|
-
"description": "Define displayed icon\n\nType: `{ icon: \"filter\" | \"
|
|
38
|
+
"description": "Define displayed icon\n\nType: `{ icon: \"filter\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }`",
|
|
39
39
|
"references": [
|
|
40
40
|
{
|
|
41
41
|
"name": "Storybook",
|
|
@@ -2386,7 +2386,7 @@
|
|
|
2386
2386
|
},
|
|
2387
2387
|
{
|
|
2388
2388
|
"name": "value",
|
|
2389
|
-
"description": "Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nType: `
|
|
2389
|
+
"description": "Component value\nIf item.value is `null`, checkbox will be indeterminate by default\n\nType: `ICheckboxValue[]`",
|
|
2390
2390
|
"references": [
|
|
2391
2391
|
{
|
|
2392
2392
|
"name": "Storybook",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mgdis/mg-components",
|
|
3
|
-
"version": "6.22.
|
|
3
|
+
"version": "6.22.1",
|
|
4
4
|
"description": "MG Components",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -34,36 +34,36 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@popperjs/core": "2.11.8",
|
|
37
|
-
"@stencil/core": "4.
|
|
37
|
+
"@stencil/core": "4.43.4",
|
|
38
38
|
"jodit": "4.12.2",
|
|
39
|
-
"@mgdis/
|
|
40
|
-
"@mgdis/
|
|
41
|
-
"@mgdis/
|
|
42
|
-
"@mgdis/
|
|
39
|
+
"@mgdis/core-ui-helpers": "1.1.2",
|
|
40
|
+
"@mgdis/img": "2.6.1",
|
|
41
|
+
"@mgdis/styles": "2.17.1",
|
|
42
|
+
"@mgdis/sanitize-html": "1.1.1"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@playwright/test": "1.59.1",
|
|
46
|
-
"@storybook/addon-a11y": "10.3.
|
|
47
|
-
"@storybook/addon-docs": "10.3.
|
|
48
|
-
"@storybook/addon-links": "10.3.
|
|
49
|
-
"@storybook/html": "10.3.
|
|
50
|
-
"@storybook/html-vite": "10.3.
|
|
46
|
+
"@storybook/addon-a11y": "10.3.5",
|
|
47
|
+
"@storybook/addon-docs": "10.3.5",
|
|
48
|
+
"@storybook/addon-links": "10.3.5",
|
|
49
|
+
"@storybook/html": "10.3.5",
|
|
50
|
+
"@storybook/html-vite": "10.3.5",
|
|
51
51
|
"@types/jest": "29.5.14",
|
|
52
|
-
"@types/node": "24.12.
|
|
53
|
-
"chromatic": "
|
|
52
|
+
"@types/node": "24.12.2",
|
|
53
|
+
"chromatic": "16.3.0",
|
|
54
54
|
"eslint": "8.57.1",
|
|
55
|
-
"eslint-plugin-storybook": "10.3.
|
|
55
|
+
"eslint-plugin-storybook": "10.3.5",
|
|
56
56
|
"jest": "29.7.0",
|
|
57
57
|
"jest-cli": "29.7.0",
|
|
58
58
|
"jest-junit": "16.0.0",
|
|
59
59
|
"jest-transform-stub": "2.0.0",
|
|
60
|
-
"react": "19.2.
|
|
61
|
-
"react-dom": "19.2.
|
|
62
|
-
"sass": "1.
|
|
63
|
-
"storybook": "10.3.
|
|
60
|
+
"react": "19.2.5",
|
|
61
|
+
"react-dom": "19.2.5",
|
|
62
|
+
"sass": "1.99.0",
|
|
63
|
+
"storybook": "10.3.5",
|
|
64
64
|
"storybook-addon-tag-badges": "3.1.0",
|
|
65
65
|
"typescript": "5.9.3",
|
|
66
|
-
"vite": "7.3.
|
|
66
|
+
"vite": "7.3.2",
|
|
67
67
|
"@core-ui/jest-config": "1.0.9",
|
|
68
68
|
"@mgdis/linting-stencil": "1.3.11"
|
|
69
69
|
},
|
|
@@ -1,245 +0,0 @@
|
|
|
1
|
-
import { h, Host } from "@stencil/core";
|
|
2
|
-
import { MgInputCheckboxList } from "../MgInputCheckboxList";
|
|
3
|
-
import { formatID } from "@mgdis/core-ui-helpers/dist/utils";
|
|
4
|
-
/**
|
|
5
|
-
* Internal component use to manage sections instances
|
|
6
|
-
* @internal
|
|
7
|
-
*/
|
|
8
|
-
export class MgInputCheckboxPaginated {
|
|
9
|
-
constructor() {
|
|
10
|
-
this.step = 10;
|
|
11
|
-
/*************
|
|
12
|
-
* Decorators *
|
|
13
|
-
*************/
|
|
14
|
-
/**
|
|
15
|
-
* Define if mg-input-checkbox-list is readonly
|
|
16
|
-
*/
|
|
17
|
-
this.readonly = false;
|
|
18
|
-
/**
|
|
19
|
-
* Define if mg-input-checkbox-list is disabled
|
|
20
|
-
*/
|
|
21
|
-
this.disabled = false;
|
|
22
|
-
/**
|
|
23
|
-
* Page items limit to display
|
|
24
|
-
*/
|
|
25
|
-
this.limit = this.step;
|
|
26
|
-
/***********
|
|
27
|
-
* Methods *
|
|
28
|
-
***********/
|
|
29
|
-
/**
|
|
30
|
-
* Component has next checkboxes to display
|
|
31
|
-
* @returns truthy if have next elements
|
|
32
|
-
*/
|
|
33
|
-
this.hasNext = () => {
|
|
34
|
-
return this.checkboxes.length > this.limit;
|
|
35
|
-
};
|
|
36
|
-
/**
|
|
37
|
-
* Set items from checkboxes and limit
|
|
38
|
-
*/
|
|
39
|
-
this.setItems = () => {
|
|
40
|
-
this.items = this.checkboxes.slice(0, this.limit);
|
|
41
|
-
};
|
|
42
|
-
/**
|
|
43
|
-
* Handle load-more <mg-button> click event
|
|
44
|
-
*/
|
|
45
|
-
this.handleLoadMore = () => {
|
|
46
|
-
if (this.hasNext()) {
|
|
47
|
-
this.limit += this.step;
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
watchCheckboxes() {
|
|
52
|
-
this.setItems();
|
|
53
|
-
}
|
|
54
|
-
watchLimit() {
|
|
55
|
-
this.setItems();
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* Method to reset limit
|
|
59
|
-
*/
|
|
60
|
-
async resetLimit() {
|
|
61
|
-
this.limit = this.step;
|
|
62
|
-
}
|
|
63
|
-
/*************
|
|
64
|
-
* Lifecycle *
|
|
65
|
-
*************/
|
|
66
|
-
/**
|
|
67
|
-
* Validate props
|
|
68
|
-
*/
|
|
69
|
-
componentWillLoad() {
|
|
70
|
-
this.watchCheckboxes();
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* Render
|
|
74
|
-
* @returns HTML Element
|
|
75
|
-
*/
|
|
76
|
-
render() {
|
|
77
|
-
const listId = formatID(this.messages.label);
|
|
78
|
-
const tabId = 'tab-info';
|
|
79
|
-
return (h(Host, { key: 'ce0fe4a842cc21f7f981b6a9286d592c2c28819b' }, h("slot", { key: '683c26f98e76262c565613529c76e7f3b27efbc5', name: "header-action" }), h("div", { key: 'eb9e9bfa54a467b44f4e90a8575ae8b1fe40ea10', class: "mg-c-input__tabs-content" }, h("p", { key: '6eeb40f89a0cc0b8ea0837f44babe8cd440ced0f', id: tabId, class: { 'mg-c-input__popover-info': true, 'mg-u-visually-hidden': this.items.length !== 0 }, "aria-live": this.items.length !== 0 ? 'polite' : undefined }, this.items.length === 0 ? this.messages.noValue : this.messages.values.replace('{count}', this.items.length.toString())), this.items.length > 0 && (h(MgInputCheckboxList, { key: '1625b0bdbb1de6ef0c55850e3a08a2cf322da317', checkboxes: this.items, labelledby: tabId, id: listId, disabled: this.disabled, name: this.name, invalid: this.invalid })), this.hasNext() && (h("mg-button", { key: "load-more", variant: "flat", class: "mg-c-input__load-more", tabIndex: -1, "full-width": true, onClick: this.handleLoadMore, "aria-controls": listId }, h("mg-icon", { key: '8f10cc6152899cf869023ff1c465763e9a05d7b6', icon: "chevron-down" }), this.messages.showMore)))));
|
|
80
|
-
}
|
|
81
|
-
static get is() { return "mg-input-checkbox-paginated"; }
|
|
82
|
-
static get encapsulation() { return "scoped"; }
|
|
83
|
-
static get properties() {
|
|
84
|
-
return {
|
|
85
|
-
"readonly": {
|
|
86
|
-
"type": "boolean",
|
|
87
|
-
"mutable": false,
|
|
88
|
-
"complexType": {
|
|
89
|
-
"original": "boolean",
|
|
90
|
-
"resolved": "boolean",
|
|
91
|
-
"references": {}
|
|
92
|
-
},
|
|
93
|
-
"required": false,
|
|
94
|
-
"optional": false,
|
|
95
|
-
"docs": {
|
|
96
|
-
"tags": [],
|
|
97
|
-
"text": "Define if mg-input-checkbox-list is readonly"
|
|
98
|
-
},
|
|
99
|
-
"getter": false,
|
|
100
|
-
"setter": false,
|
|
101
|
-
"reflect": false,
|
|
102
|
-
"attribute": "readonly",
|
|
103
|
-
"defaultValue": "false"
|
|
104
|
-
},
|
|
105
|
-
"disabled": {
|
|
106
|
-
"type": "boolean",
|
|
107
|
-
"mutable": false,
|
|
108
|
-
"complexType": {
|
|
109
|
-
"original": "boolean",
|
|
110
|
-
"resolved": "boolean",
|
|
111
|
-
"references": {}
|
|
112
|
-
},
|
|
113
|
-
"required": false,
|
|
114
|
-
"optional": false,
|
|
115
|
-
"docs": {
|
|
116
|
-
"tags": [],
|
|
117
|
-
"text": "Define if mg-input-checkbox-list is disabled"
|
|
118
|
-
},
|
|
119
|
-
"getter": false,
|
|
120
|
-
"setter": false,
|
|
121
|
-
"reflect": false,
|
|
122
|
-
"attribute": "disabled",
|
|
123
|
-
"defaultValue": "false"
|
|
124
|
-
},
|
|
125
|
-
"name": {
|
|
126
|
-
"type": "string",
|
|
127
|
-
"mutable": false,
|
|
128
|
-
"complexType": {
|
|
129
|
-
"original": "string",
|
|
130
|
-
"resolved": "string",
|
|
131
|
-
"references": {}
|
|
132
|
-
},
|
|
133
|
-
"required": false,
|
|
134
|
-
"optional": true,
|
|
135
|
-
"docs": {
|
|
136
|
-
"tags": [],
|
|
137
|
-
"text": "Define mg-input-checkbox input name"
|
|
138
|
-
},
|
|
139
|
-
"getter": false,
|
|
140
|
-
"setter": false,
|
|
141
|
-
"reflect": false,
|
|
142
|
-
"attribute": "name"
|
|
143
|
-
},
|
|
144
|
-
"invalid": {
|
|
145
|
-
"type": "boolean",
|
|
146
|
-
"mutable": false,
|
|
147
|
-
"complexType": {
|
|
148
|
-
"original": "boolean",
|
|
149
|
-
"resolved": "boolean",
|
|
150
|
-
"references": {}
|
|
151
|
-
},
|
|
152
|
-
"required": false,
|
|
153
|
-
"optional": true,
|
|
154
|
-
"docs": {
|
|
155
|
-
"tags": [],
|
|
156
|
-
"text": "Define mg-input-checkbox input invalid"
|
|
157
|
-
},
|
|
158
|
-
"getter": false,
|
|
159
|
-
"setter": false,
|
|
160
|
-
"reflect": false,
|
|
161
|
-
"attribute": "invalid"
|
|
162
|
-
},
|
|
163
|
-
"checkboxes": {
|
|
164
|
-
"type": "unknown",
|
|
165
|
-
"mutable": false,
|
|
166
|
-
"complexType": {
|
|
167
|
-
"original": "CheckboxItem[]",
|
|
168
|
-
"resolved": "CheckboxItem[]",
|
|
169
|
-
"references": {
|
|
170
|
-
"CheckboxItem": {
|
|
171
|
-
"location": "import",
|
|
172
|
-
"path": "../mg-input-checkbox.conf",
|
|
173
|
-
"id": "src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.ts::CheckboxItem"
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
},
|
|
177
|
-
"required": false,
|
|
178
|
-
"optional": false,
|
|
179
|
-
"docs": {
|
|
180
|
-
"tags": [],
|
|
181
|
-
"text": "Define checkboxes to paginate"
|
|
182
|
-
},
|
|
183
|
-
"getter": false,
|
|
184
|
-
"setter": false
|
|
185
|
-
},
|
|
186
|
-
"messages": {
|
|
187
|
-
"type": "unknown",
|
|
188
|
-
"mutable": false,
|
|
189
|
-
"complexType": {
|
|
190
|
-
"original": "Record<string, string>",
|
|
191
|
-
"resolved": "string",
|
|
192
|
-
"references": {
|
|
193
|
-
"Record": {
|
|
194
|
-
"location": "global",
|
|
195
|
-
"id": "global::Record"
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
},
|
|
199
|
-
"required": false,
|
|
200
|
-
"optional": false,
|
|
201
|
-
"docs": {
|
|
202
|
-
"tags": [],
|
|
203
|
-
"text": "Define component message"
|
|
204
|
-
},
|
|
205
|
-
"getter": false,
|
|
206
|
-
"setter": false
|
|
207
|
-
}
|
|
208
|
-
};
|
|
209
|
-
}
|
|
210
|
-
static get states() {
|
|
211
|
-
return {
|
|
212
|
-
"limit": {}
|
|
213
|
-
};
|
|
214
|
-
}
|
|
215
|
-
static get methods() {
|
|
216
|
-
return {
|
|
217
|
-
"resetLimit": {
|
|
218
|
-
"complexType": {
|
|
219
|
-
"signature": "() => Promise<void>",
|
|
220
|
-
"parameters": [],
|
|
221
|
-
"references": {
|
|
222
|
-
"Promise": {
|
|
223
|
-
"location": "global",
|
|
224
|
-
"id": "global::Promise"
|
|
225
|
-
}
|
|
226
|
-
},
|
|
227
|
-
"return": "Promise<void>"
|
|
228
|
-
},
|
|
229
|
-
"docs": {
|
|
230
|
-
"text": "Method to reset limit",
|
|
231
|
-
"tags": []
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
};
|
|
235
|
-
}
|
|
236
|
-
static get watchers() {
|
|
237
|
-
return [{
|
|
238
|
-
"propName": "checkboxes",
|
|
239
|
-
"methodName": "watchCheckboxes"
|
|
240
|
-
}, {
|
|
241
|
-
"propName": "limit",
|
|
242
|
-
"methodName": "watchLimit"
|
|
243
|
-
}];
|
|
244
|
-
}
|
|
245
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface MgInputCheckboxPaginated extends Components.MgInputCheckboxPaginated, HTMLElement {}
|
|
4
|
-
export const MgInputCheckboxPaginated: {
|
|
5
|
-
prototype: MgInputCheckboxPaginated;
|
|
6
|
-
new (): MgInputCheckboxPaginated;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{M as o,d as t}from"./mg-input-checkbox-paginated2.js";const a=o,p=t;export{a as MgInputCheckboxPaginated,p as defineCustomElement}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as t,transformTag as e,proxyCustomElement as i,HTMLElement as s,Host as c}from"@stencil/core/internal/client";import{f as a}from"./index2.js";import{d as n}from"./mg-button2.js";import{d as o}from"./mg-icon2.js";const h=e=>t("div",{class:"mg-c-input__input-group-container","aria-labelledby":e.labelledby,id:e.id},e.checkboxes.map((i=>{var s,c;return t("div",{key:i._id,class:{"mg-c-input__input-group":!0,"mg-c-input__input-group--disabled":e.disabled||i.disabled}},t("input",{type:"checkbox",id:i._id,name:e.name,value:null===(s=i.value)||void 0===s?void 0:s.toString(),checked:Boolean(i.value),required:i.required,"aria-invalid":(null===(c=e.invalid)||void 0===c?void 0:c.toString())||"false",disabled:e.disabled||i.disabled,indeterminate:null===i.value,onInput:i._handleInput,onBlur:i._handleBlur,onKeyDown:i._handleKeydown}),t("label",{htmlFor:i._id},i.title))}))),l=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.step=10,this.readonly=!1,this.disabled=!1,this.limit=this.step,this.hasNext=()=>this.checkboxes.length>this.limit,this.setItems=()=>{this.items=this.checkboxes.slice(0,this.limit)},this.handleLoadMore=()=>{this.hasNext()&&(this.limit+=this.step)}}watchCheckboxes(){this.setItems()}watchLimit(){this.setItems()}async resetLimit(){this.limit=this.step}componentWillLoad(){this.watchCheckboxes()}render(){const e=a(this.messages.label),i="tab-info";return t(c,{key:"ce0fe4a842cc21f7f981b6a9286d592c2c28819b"},t("slot",{key:"683c26f98e76262c565613529c76e7f3b27efbc5",name:"header-action"}),t("div",{key:"eb9e9bfa54a467b44f4e90a8575ae8b1fe40ea10",class:"mg-c-input__tabs-content"},t("p",{key:"6eeb40f89a0cc0b8ea0837f44babe8cd440ced0f",id:i,class:{"mg-c-input__popover-info":!0,"mg-u-visually-hidden":0!==this.items.length},"aria-live":0!==this.items.length?"polite":void 0},0===this.items.length?this.messages.noValue:this.messages.values.replace("{count}",this.items.length.toString())),this.items.length>0&&t(h,{key:"1625b0bdbb1de6ef0c55850e3a08a2cf322da317",checkboxes:this.items,labelledby:i,id:e,disabled:this.disabled,name:this.name,invalid:this.invalid}),this.hasNext()&&t("mg-button",{key:"load-more",variant:"flat",class:"mg-c-input__load-more",tabIndex:-1,"full-width":!0,onClick:this.handleLoadMore,"aria-controls":e},t("mg-icon",{key:"8f10cc6152899cf869023ff1c465763e9a05d7b6",icon:"chevron-down"}),this.messages.showMore)))}static get watchers(){return{checkboxes:[{watchCheckboxes:0}],limit:[{watchLimit:0}]}}},[262,"mg-input-checkbox-paginated",{readonly:[4],disabled:[4],name:[1],invalid:[4],checkboxes:[16],messages:[16],limit:[32],resetLimit:[64]},void 0,{checkboxes:[{watchCheckboxes:0}],limit:[{watchLimit:0}]}]);function d(){"undefined"!=typeof customElements&&["mg-input-checkbox-paginated","mg-button","mg-icon"].forEach((t=>{switch(t){case"mg-input-checkbox-paginated":customElements.get(e(t))||customElements.define(e(t),l);break;case"mg-button":customElements.get(e(t))||n();break;case"mg-icon":customElements.get(e(t))||o()}}))}d();export{l as M,h as a,d}
|