@maggioli-design-system/mds-paginator-item 2.2.0 → 2.4.0

package/documentation.json

@@ -0,0 +1,538 @@
+{
+  "timestamp": "2023-09-18T08:43:05",
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.2.1",
+    "typescriptVersion": "5.1.6"
+  },
+  "components": [
+    {
+      "filePath": "src/components/mds-paginator-item/mds-paginator-item.tsx",
+      "encapsulation": "shadow",
+      "tag": "mds-paginator-item",
+      "readme": "# mds-paginator-item\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "default - Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "disabled",
+          "type": "boolean | undefined",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disabled",
+          "reflectToAttr": true,
+          "docs": "Specifies if the item is disabled or not, is handled from the parent paginator",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "icon",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "icon",
+          "reflectToAttr": true,
+          "docs": "Specifies the icon used inside the paginator item",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "selected",
+          "type": "boolean | undefined",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "selected",
+          "reflectToAttr": true,
+          "docs": "Specifies if the item is selected or not, is handled from the parent paginator",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [
+        {
+          "name": "--mds-paginator-item-background",
+          "annotation": "prop",
+          "docs": "Sets the background-color of the pages area and the item"
+        },
+        {
+          "name": "--mds-paginator-item-background-disabled",
+          "annotation": "prop",
+          "docs": "Sets the background-color of the item when is disabled"
+        },
+        {
+          "name": "--mds-paginator-item-background-hover",
+          "annotation": "prop",
+          "docs": "Sets the background-color of the item when the mouse is over it"
+        },
+        {
+          "name": "--mds-paginator-item-background-selected",
+          "annotation": "prop",
+          "docs": "Sets the background-color of the item when is selected"
+        },
+        {
+          "name": "--mds-paginator-item-color",
+          "annotation": "prop",
+          "docs": "Sets the text color of the component"
+        },
+        {
+          "name": "--mds-paginator-item-color-disabled",
+          "annotation": "prop",
+          "docs": "Sets the color of the item when is disabled"
+        },
+        {
+          "name": "--mds-paginator-item-color-hover",
+          "annotation": "prop",
+          "docs": "Sets the text color of the item when the mouse is over it"
+        },
+        {
+          "name": "--mds-paginator-item-color-selected",
+          "annotation": "prop",
+          "docs": "Sets the text color of the item when is selected"
+        },
+        {
+          "name": "--mds-paginator-item-radius",
+          "annotation": "prop",
+          "docs": "Sets the border-radius of the component"
+        },
+        {
+          "name": "--mds-paginator-item-shadow",
+          "annotation": "prop",
+          "docs": "Sets the box-shadow of the component"
+        },
+        {
+          "name": "--mds-paginator-item-shadow-disabled",
+          "annotation": "prop",
+          "docs": "Sets the box-shadow of the item when is disabled"
+        },
+        {
+          "name": "--mds-paginator-item-shadow-hover",
+          "annotation": "prop",
+          "docs": "Sets the box-shadow of the item when the mouse is over it"
+        },
+        {
+          "name": "--mds-paginator-item-shadow-selected",
+          "annotation": "prop",
+          "docs": "Sets the box-shadow of the item when is selected"
+        },
+        {
+          "name": "--mds-paginator-item-size",
+          "annotation": "prop",
+          "docs": "Sets the height and the min-width of the paginator item"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here."
+        }
+      ],
+      "parts": [],
+      "dependents": [
+        "mds-paginator"
+      ],
+      "dependencies": [
+        "mds-icon",
+        "mds-text"
+      ],
+      "dependencyGraph": {
+        "mds-paginator-item": [
+          "mds-icon",
+          "mds-text"
+        ],
+        "mds-paginator": [
+          "mds-paginator-item"
+        ]
+      }
+    }
+  ],
+  "typeLibrary": {
+    "src/components/mds-accordion/meta/event-detail.ts::MdsAccordionEventDetail": {
+      "declaration": "export interface MdsAccordionEventDetail {\n  children: NodeListOf<HTMLMdsAccordionItemElement>\n  selected: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-accordion/meta/event-detail.ts"
+    },
+    "src/type/typography.ts::TypographyTitleType": {
+      "declaration": "export type TypographyTitleType =\n  | 'action'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-accordion-item/meta/event-detail.ts::MdsAccordionItemEventDetail": {
+      "declaration": "export interface MdsAccordionItemEventDetail {\n  id: string;\n  selected: boolean;\n}",
+      "docstring": "",
+      "path": "src/components/mds-accordion-item/meta/event-detail.ts"
+    },
+    "src/components/mds-accordion-timer-item/meta/event-detail.ts::MdsAccordionTimerItemEventDetail": {
+      "declaration": "export interface MdsAccordionTimerItemEventDetail {\n  selected: boolean;\n  uuid: number;\n}",
+      "docstring": "",
+      "path": "src/components/mds-accordion-timer-item/meta/event-detail.ts"
+    },
+    "src/type/variant.ts::ThemeFullVariantType": {
+      "declaration": "export type ThemeFullVariantType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'dark'\n  | 'error'\n  | 'green'\n  | 'info'\n  | 'light'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'sky'\n  | 'success'\n  | 'violet'\n  | 'warning'\n  | 'yellow'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/variant.ts::ToneSimpleVariantType": {
+      "declaration": "export type ToneSimpleVariantType =\n  | 'strong'\n  | 'weak'\n  | 'quiet'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/typography.ts::TypographyInfoType": {
+      "declaration": "export type TypographyInfoType =\n  | 'caption'\n  | 'detail'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/type/typography.ts::TypographyReadType": {
+      "declaration": "export type TypographyReadType =\n  | 'caption'\n  | 'detail'\n  | 'paragraph'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/type/typography.ts::TypographyVariants": {
+      "declaration": "export type TypographyVariants =\n  | 'title'\n  | 'info'\n  | 'read'\n  | 'code'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/type/variant.ts::ThemeVariantType": {
+      "declaration": "export type ThemeVariantType =\n  | 'dark'\n  | 'error'\n  | 'info'\n  | 'light'\n  | 'primary'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/components/mds-benchmark-bar/meta/types.ts::BenchmarkBarTypographyType": {
+      "declaration": "export type BenchmarkBarTypographyType =\n  | 'option'\n  | 'label'",
+      "docstring": "",
+      "path": "src/components/mds-benchmark-bar/meta/types.ts"
+    },
+    "src/components/mds-bibliography/meta/types.ts::BibliographyFormatType": {
+      "declaration": "export type BibliographyFormatType =\n  | 'apa' // American Psychological Association - Simmons, B. (2015, January 9). The tale of two Flaccos. Grantland. http://grantland.com/the-triangle/the-tale-of-two-flaccos/\n  | 'mla' // Modern Language Association - Author's Last name, First name. \"Title of Source.\" Title of Container, Other contributors, Version, Numbers, Publisher, Publication Date, Location.\n  | 'turabian'",
+      "docstring": "",
+      "path": "src/components/mds-bibliography/meta/types.ts"
+    },
+    "src/components/mds-bibliography/meta/types.ts::BibliographyRelationshipType": {
+      "declaration": "export type BibliographyRelationshipType =\n  | 'author'\n  | 'external'",
+      "docstring": "",
+      "path": "src/components/mds-bibliography/meta/types.ts"
+    },
+    "src/components/mds-breadcrumb/meta/event-detail.ts::MdsBreadcrumbEventDetail": {
+      "declaration": "export interface MdsBreadcrumbEventDetail {\n  caller: HTMLMdsBreadcrumbItemElement\n  id: string\n  selected?: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-breadcrumb/meta/event-detail.ts"
+    },
+    "src/components/mds-breadcrumb-item/meta/event-detail.ts::MdsBreadcrumbItemEventDetail": {
+      "declaration": "export interface MdsBreadcrumbItemEventDetail {\n  id: string\n  selected: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-breadcrumb-item/meta/event-detail.ts"
+    },
+    "src/type/button.ts::ButtonIconPositionType": {
+      "declaration": "export type ButtonIconPositionType =\n  | 'left'\n  | 'right'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/button.ts::ButtonType": {
+      "declaration": "export type ButtonType =\n  | 'a'\n  | 'button'\n  | 'reset'\n  | 'submit'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/button.ts::ButtonVariantType": {
+      "declaration": "export type ButtonVariantType =\n  | 'primary'\n  | 'dark'\n  | 'light'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/variant.ts::ToneVariantType": {
+      "declaration": "export type ToneVariantType =\n  | 'strong' // background strong\n  | 'weak' // background weak\n  | 'ghost' // bordered\n  | 'quiet'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/button.ts::ButtonSizeType": {
+      "declaration": "export type ButtonSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/type/button.ts::ButtonTargetType": {
+      "declaration": "export type ButtonTargetType =\n  |'self'\n  |'blank'",
+      "docstring": "",
+      "path": "src/type/button.ts"
+    },
+    "src/components/mds-chip/meta/interface.ts::MdsChipEvent": {
+      "declaration": "interface MdsChipEvent {\n  event: Event\n  element: HTMLMdsChipElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-chip/meta/interface.ts"
+    },
+    "src/type/floating-ui.ts::FloatingUIPlacement": {
+      "declaration": "export type FloatingUIPlacement =\n  | 'bottom'\n  | 'bottom-end'\n  | 'bottom-start'\n  | 'left'\n  | 'left-end'\n  | 'left-start'\n  | 'right'\n  | 'right-end'\n  | 'right-start'\n  | 'top'\n  | 'top-end'\n  | 'top-start'",
+      "docstring": "",
+      "path": "src/type/floating-ui.ts"
+    },
+    "src/type/floating-ui.ts::FloatingUIStrategy": {
+      "declaration": "export type FloatingUIStrategy =\n  | 'absolute'\n  | 'fixed'",
+      "docstring": "",
+      "path": "src/type/floating-ui.ts"
+    },
+    "src/components/mds-dropdown/meta/event-detail.ts::MdsDropdownEventDetail": {
+      "declaration": "export interface MdsDropdownEventDetail {\n  caller: HTMLElement\n  visible: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-dropdown/meta/event-detail.ts"
+    },
+    "src/components/mds-file/meta/types.ts::ExtensionSuffixType": {
+      "declaration": "export type ExtensionSuffixType =\n  | '7z'\n  | 'ace'\n  | 'ai'\n  | 'db'\n  | 'default'\n  | 'dmg'\n  | 'doc'\n  | 'docm'\n  | 'docx'\n  | 'eml'\n  | 'eps'\n  | 'exe'\n  | 'flac'\n  | 'gif'\n  | 'htm'\n  | 'html'\n  | 'jpe'\n  | 'jpeg'\n  | 'jpg'\n  | 'js'\n  | 'json'\n  | 'jsx'\n  | 'm2v'\n  | 'mp2'\n  | 'mp3'\n  | 'mp4'\n  | 'mp4v'\n  | 'mpeg'\n  | 'mpg'\n  | 'mpg4'\n  | 'mpga'\n  | 'odp'\n  | 'ods'\n  | 'odt'\n  | 'pdf'\n  | 'php'\n  | 'png'\n  | 'ppt'\n  | 'rar'\n  | 'rtf'\n  | 'sass'\n  | 'shtml'\n  | 'svg'\n  | 'tar'\n  | 'ts'\n  | 'txt'\n  | 'wav'\n  | 'xar'\n  | 'xls'\n  | 'xlsx'\n  | 'zip'",
+      "docstring": "",
+      "path": "src/components/mds-file/meta/types.ts"
+    },
+    "src/components/mds-file/meta/event-detail.ts::MdsFileEventDetail": {
+      "declaration": "export interface MdsFileEventDetail {\n  description: string\n  extension: string\n  filename: string\n  target: HTMLMdsFileElement\n  type: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-file/meta/event-detail.ts"
+    },
+    "src/components/mds-filter/meta/event-detail.ts::MdsFilterEventDetail": {
+      "declaration": "export interface MdsFilterEventDetail {\n  children: NodeListOf<HTMLMdsFilterItemElement>\n  value: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-filter/meta/event-detail.ts"
+    },
+    "src/components/mds-filter-item/meta/event-detail.ts::MdsFilterItemEventDetail": {
+      "declaration": "export interface MdsFilterItemEventDetail {\n  id: string\n  selected: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-filter-item/meta/event-detail.ts"
+    },
+    "src/components/mds-form/meta/types.ts::CharacterSetType": {
+      "declaration": "export type CharacterSetType =\n  | '8859-1'\n  | 'ansi'\n  | 'ascii'\n  | 'utf-8'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-form/meta/types.ts::FormAutocompleteType": {
+      "declaration": "export type FormAutocompleteType =\n  | 'off'\n  | 'on'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-form/meta/types.ts::EnctypeType": {
+      "declaration": "export type EnctypeType =\n  | 'application/x-www-form-urlencoded'\n  | 'multipart/form-data'\n  | 'text/plain'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-form/meta/types.ts::FormMethodType": {
+      "declaration": "export type FormMethodType =\n  | 'get'\n  | 'post'",
+      "docstring": "",
+      "path": "src/components/mds-form/meta/types.ts"
+    },
+    "src/components/mds-header/meta/event-detail.ts::MdsHeaderEventDetail": {
+      "declaration": "export interface MdsHeaderEventDetail {\n  bar: HTMLMdsHeaderBarElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-header/meta/event-detail.ts"
+    },
+    "src/components/mds-horizontal-scroll/meta/types.ts::SnapType": {
+      "declaration": "export type SnapType =\n  | 'center'\n  | 'end'\n  | 'none'\n  | 'start'",
+      "docstring": "",
+      "path": "src/components/mds-horizontal-scroll/meta/types.ts"
+    },
+    "src/components/mds-img/meta/types.ts::CrossoriginType": {
+      "declaration": "export type CrossoriginType =\n  | 'anonymous'\n  | 'use-credentials'",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/types.ts"
+    },
+    "src/type/loading.ts::LoadingType": {
+      "declaration": "export type LoadingType =\n  | 'eager'\n  | 'lazy'",
+      "docstring": "",
+      "path": "src/type/loading.ts"
+    },
+    "src/components/mds-img/meta/types.ts::ReferrerpolicyType": {
+      "declaration": "export type ReferrerpolicyType =\n  | 'no-referrer'\n  | 'no-referrer-when-downgrade'\n  | 'origin'\n  | 'origin-when-cross-origin'\n  | 'unsafe-url'",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/types.ts"
+    },
+    "src/components/mds-img/meta/event-detail.ts::MdsImgEventDetail": {
+      "declaration": "export interface MdsImgEventDetail {\n  image: HTMLImageElement\n}",
+      "docstring": "",
+      "path": "src/components/mds-img/meta/event-detail.ts"
+    },
+    "src/type/autocomplete.ts::AutocompleteType": {
+      "declaration": "export type AutocompleteType =\n  | 'additional-name'\n  | 'address'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'cc-additional-name'\n  | 'cc-csc'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-family-name'\n  | 'cc-family-name'\n  | 'cc-given-name'\n  | 'cc-name'\n  | 'cc-number'\n  | 'cc-type'\n  | 'country'\n  | 'country-name'\n  | 'current-password'\n  | 'email'\n  | 'family-name'\n  | 'given-name'\n  | 'honorific-prefix'\n  | 'honorific-suffix'\n  | 'impp'\n  | 'language'\n  | 'name'\n  | 'new-password'\n  | 'nickname'\n  | 'off'\n  | 'on'\n  | 'one-time-code'\n  | 'organization'\n  | 'organization-title'\n  | 'photo'\n  | 'postal-code'\n  | 'sex'\n  | 'street-address'\n  | 'tel'\n  | 'tel-area-code'\n  | 'tel-country-code'\n  | 'tel-extension'\n  | 'tel-local'\n  | 'tel-national'\n  | 'transaction-amount'\n  | 'transaction-currency'\n  | 'url'\n  | 'username'",
+      "docstring": "",
+      "path": "src/type/autocomplete.ts"
+    },
+    "src/type/variant.ts::ThemeStatusVariantType": {
+      "declaration": "export type ThemeStatusVariantType =\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/input-text-type.ts::InputTextType": {
+      "declaration": "export type InputTextType =\n  | 'date'\n  | 'email'\n  | 'number'\n  | 'password'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'textarea'\n  | 'time'\n  | 'url'",
+      "docstring": "",
+      "path": "src/type/input-text-type.ts"
+    },
+    "src/type/input-value-type.ts::InputValueType": {
+      "declaration": "export type InputValueType =\n  | null\n  | number\n  | string\n  | undefined",
+      "docstring": "",
+      "path": "src/type/input-value-type.ts"
+    },
+    "src/components/mds-input/meta/interfaces.ts::InputValue": {
+      "declaration": "export interface InputValue {\n  value: InputValueType\n}",
+      "docstring": "",
+      "path": "src/components/mds-input/meta/interfaces.ts"
+    },
+    "src/components/mds-input-field/meta/types.ts::ValidationModelType": {
+      "declaration": "export type ValidationModelType =\n  | 'cf'\n  | 'email'\n  | 'isbn'\n  | 'piva'",
+      "docstring": "",
+      "path": "src/components/mds-input-field/meta/types.ts"
+    },
+    "src/interface/input-value.ts::InputValue": {
+      "declaration": "export interface InputValue {\n  value: InputValueType\n}",
+      "docstring": "",
+      "path": "src/interface/input-value.ts"
+    },
+    "src/components/mds-input-switch/meta/types.ts::InputSwitchSizeType": {
+      "declaration": "export type InputSwitchSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'",
+      "docstring": "",
+      "path": "src/components/mds-input-switch/meta/types.ts"
+    },
+    "src/components/mds-input-switch/meta/types.ts::InputSwitchType": {
+      "declaration": "export type InputSwitchType =\n  | 'checkbox'\n  | 'radio'\n  | 'switch'",
+      "docstring": "",
+      "path": "src/components/mds-input-switch/meta/types.ts"
+    },
+    "src/type/typography.ts::TypographyType": {
+      "declaration": "export type TypographyType =\n  | 'action'\n  | 'caption'\n  | 'snippet'\n  | 'detail'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'hack'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/type/typography.ts::TypographyReadingVariants": {
+      "declaration": "export type TypographyReadingVariants =\n  | 'info'\n  | 'read'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-modal/meta/types.ts::ModalPositionType": {
+      "declaration": "export type ModalPositionType =\n  | 'bottom'\n  | 'center'\n  | 'left'\n  | 'right'\n  | 'top'",
+      "docstring": "",
+      "path": "src/components/mds-modal/meta/types.ts"
+    },
+    "src/type/variant.ts::LabelVariantType": {
+      "declaration": "export type LabelVariantType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'green'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'sky'\n  | 'violet'\n  | 'yellow'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/components/mds-notification/meta/types.ts::StrategyType": {
+      "declaration": "export type StrategyType =\n  | 'absolute'\n  | 'fixed'\n  | 'disabled'",
+      "docstring": "",
+      "path": "src/components/mds-notification/meta/types.ts"
+    },
+    "src/components/mds-paginator/meta/event-detail.ts::MdsPaginatorEventDetail": {
+      "declaration": "export interface MdsPaginatorEventDetail {\n  caller?: HTMLMdsPaginatorItemElement\n  page: number\n}",
+      "docstring": "",
+      "path": "src/components/mds-paginator/meta/event-detail.ts"
+    },
+    "src/components/mds-progress/meta/types.ts::DirectionType": {
+      "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'",
+      "docstring": "",
+      "path": "src/components/mds-progress/meta/types.ts"
+    },
+    "src/components/mds-stepper-bar/meta/event-detail.ts::MdsStepperBarEventDetail": {
+      "declaration": "export interface MdsStepperBarEventDetail {\n  step: number\n  value: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-stepper-bar/meta/event-detail.ts"
+    },
+    "src/components/mds-stepper-bar-item/meta/event-detail.ts::MdsStepperBarItemEventDetail": {
+      "declaration": "export interface MdsStepperBarItemEventDetail {\n  value: string\n}",
+      "docstring": "",
+      "path": "src/components/mds-stepper-bar-item/meta/event-detail.ts"
+    },
+    "src/components/mds-tab/meta/event-detail.ts::MdsTabEventDetail": {
+      "declaration": "export interface MdsTabEventDetail {\n  id: number\n}",
+      "docstring": "",
+      "path": "src/components/mds-tab/meta/event-detail.ts"
+    },
+    "src/components/mds-tab-bar/meta/event-detail.ts::MdsTabBarEventDetail": {
+      "declaration": "export interface MdsTabBarEventDetail {\n  index: number\n}",
+      "docstring": "",
+      "path": "src/components/mds-tab-bar/meta/event-detail.ts"
+    },
+    "src/type/typography.ts::TypographySmallerType": {
+      "declaration": "export type TypographySmallerType =\n  | 'tip'\n  | 'option'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-text/meta/types.ts::TypographyTagType": {
+      "declaration": "export type TypographyTagType =\n  | 'abbr'\n  | 'address'\n  | 'article'\n  | 'b'\n  | 'bdo'\n  | 'blockquote'\n  | 'cite'\n  | 'code'\n  | 'dd'\n  | 'del'\n  | 'details'\n  | 'dfn'\n  | 'div'\n  | 'dl'\n  | 'dt'\n  | 'em'\n  | 'figcaption'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'i'\n  | 'ins'\n  | 'kbd'\n  | 'label'\n  | 'legend'\n  | 'li'\n  | 'mark'\n  | 'ol'\n  | 'p'\n  | 'pre'\n  | 'q'\n  | 'rb'\n  | 'rt'\n  | 'ruby'\n  | 's'\n  | 'samp'\n  | 'small'\n  | 'span'\n  | 'strong'\n  | 'sub'\n  | 'summary'\n  | 'sup'\n  | 'time'\n  | 'u'\n  | 'ul'\n  | 'var'",
+      "docstring": "",
+      "path": "src/components/mds-text/meta/types.ts"
+    },
+    "src/type/variant.ts::ThemeLuminanceVariantType": {
+      "declaration": "export type ThemeLuminanceVariantType =\n  | 'dark'\n  | 'light'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/type/variant.ts::ToneMinimalVariantType": {
+      "declaration": "export type ToneMinimalVariantType =\n| 'strong'\n| 'weak'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
+    "src/components/mds-toast/meta/types.ts::ToastPosition": {
+      "declaration": "export type ToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right'",
+      "docstring": "",
+      "path": "src/components/mds-toast/meta/types.ts"
+    },
+    "src/type/typography.ts::TypographyTooltipType": {
+      "declaration": "export type TypographyTooltipType =\n  | 'caption'\n  | 'detail'\n  | 'tip'",
+      "docstring": "",
+      "path": "src/type/typography.ts"
+    },
+    "src/components/mds-usage/meta/types.ts::UsageType": {
+      "declaration": "export type UsageType =\n  | 'do'\n  | 'dont'\n  | 'info'\n  | 'warn'",
+      "docstring": "",
+      "path": "src/components/mds-usage/meta/types.ts"
+    },
+    "src/components/mds-video-wall/meta/types.ts::NoiseType": {
+      "declaration": "export type NoiseType =\n  | 'classic'\n  | 'none'\n  | 'sharp'\n  | 'soft'\n  | 'tv'",
+      "docstring": "",
+      "path": "src/components/mds-video-wall/meta/types.ts"
+    },
+    "src/components/mds-video-wall/meta/types.ts::PreloadType": {
+      "declaration": "export type PreloadType =\n  | 'auto'\n  | 'metadata'\n  | 'none'",
+      "docstring": "",
+      "path": "src/components/mds-video-wall/meta/types.ts"
+    }
+  }
+}

package/loader/index.d.ts

@@ -8,10 +8,10 @@ export interface CustomElementsDefineOptions {
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
 export declare function applyPolyfills(): Promise<void>;
 
-/** 
+/**
  * Used to specify a nonce value that corresponds with an application's CSP.
  * When set, the nonce will be added to all dynamically created script and style tags at runtime.
  * Alternatively, the nonce value can be set on a meta tag in the DOM head

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-paginator-item",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "mds-paginator-item is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -12,6 +12,7 @@
   "unpkg": "dist/mds-paginator-item/mds-paginator-item.esm.js",
   "files": [
     "dist/",
+    "documentation.json",
     "loader/",
     "readme.md",
     "src/",
@@ -23,8 +24,8 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/styles": "^11.2.1",
-    "@stencil/core": "^2.22.2"
+    "@maggioli-design-system/styles": "^11.7.0",
+    "@stencil/core": "^4.2.1"
   },
   "license": "MIT",
   "author": {
@@ -38,10 +39,15 @@
       "email": "andrea.pruccoli@maggioli.it",
       "role": "Software Engineer"
     },
+    {
+      "name": "Nicola Tamburini",
+      "email": "nicola.tamburini@maggioli.it",
+      "role": "Software Engineer"
+    },
     {
       "name": "Vittorio Vittori",
       "email": "vittorio.vittori@maggioli.it",
-      "role": "UX UI Designer"
+      "role": "Product Designer"
     }
   ]
 }

package/readme.md

@@ -7,11 +7,18 @@
 
 ## Properties
 
-| Property   | Attribute  | Description                                                                    | Type      | Default     |
-| ---------- | ---------- | ------------------------------------------------------------------------------ | --------- | ----------- |
-| `active`   | `active`   | Specifies if the item is active or not, is handled from the parent paginator   | `boolean` | `undefined` |
-| `disabled` | `disabled` | Specifies if the item is disabled or not, is handled from the parent paginator | `boolean` | `undefined` |
-| `icon`     | `icon`     | Specifies the icon used inside the paginator item                              | `string`  | `undefined` |
+| Property   | Attribute  | Description                                                                    | Type                   | Default     |
+| ---------- | ---------- | ------------------------------------------------------------------------------ | ---------------------- | ----------- |
+| `disabled` | `disabled` | Specifies if the item is disabled or not, is handled from the parent paginator | `boolean \| undefined` | `undefined` |
+| `icon`     | `icon`     | Specifies the icon used inside the paginator item                              | `string \| undefined`  | `undefined` |
+| `selected` | `selected` | Specifies if the item is selected or not, is handled from the parent paginator | `boolean \| undefined` | `undefined` |
+
+
+## Slots
+
+| Slot        | Description                                                                            |
+| ----------- | -------------------------------------------------------------------------------------- |
+| `"default"` | Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here. |
 
 
 ## CSS Custom Properties

package/src/common/aria.ts

@@ -7,12 +7,12 @@ const hash = (s: string): string => {
 }
 
 const unslugName = (name: string): string => {
-  return name.split('/').slice(-1).pop().replace(/-/g, ' ')
+  return name.split('/')?.slice(-1).pop()?.replace(/-/g, ' ') ?? name
 }
 
 const setAttributeIfEmpty = (element: HTMLElement, attribute: string, value: string): string => {
   if (element.hasAttribute(attribute)) {
-    return element.getAttribute(attribute)
+    return element.getAttribute(attribute) ?? ''
   }
   element.setAttribute(attribute, value)
   return value

package/src/common/keyboard-manager.ts

@@ -38,7 +38,7 @@ export class KeyboardManager {
   }
 
   detachEscapeBehavior = (): void => {
-    this.escapeCallback = null
+    this.escapeCallback = () => {return}
     if (typeof window !== undefined) {
       window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
     }