@zanichelli/albe-web-components 6.3.1 → 6.3.2

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [6.3.2](https://github.com/ZanichelliEditore/design-system/compare/v6.3.1...v6.3.2) (2022-11-23)
+
+
+### Bug Fixes
+
+* z-select divider on last item ([7b1b5b4](https://github.com/ZanichelliEditore/design-system/commit/7b1b5b43b2c261a68a65389d7be92f171cb1a5cb))
+
 ### [6.3.1](https://github.com/ZanichelliEditore/design-system/compare/v6.3.0...v6.3.1) (2022-11-15)
 
 ## [6.3.0](https://github.com/ZanichelliEditore/design-system/compare/v6.2.2...v6.3.0) (2022-11-11)

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e3299e0a.js');
 
 /*
- Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.19.2 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();

package/dist/cjs/web-components-library.cjs.js

@@ -3,7 +3,7 @@
 const index = require('./index-e3299e0a.js');
 
 /*
- Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.19.2 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('web-components-library.cjs.js', document.baseURI).href));

package/dist/cjs/z-alert.cjs.entry.js

@@ -9,6 +9,7 @@ const stylesCss = ":host{display:block;box-sizing:border-box;color:var(--color-s
 const ZAlert = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.type = undefined;
   }
   render() {
     return (index.h("div", { class: this.type }, index.h("slot", null)));

package/dist/cjs/z-anchor-navigation.cjs.entry.js

@@ -10,14 +10,7 @@ const stylesCss = "html{scroll-behavior:smooth}z-anchor-navigation nav{display:n
 const ZAnchorNavigation = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * If enabled, the text of each anchor will be hidden unless
-     * for the current one or the one the user is hovering.
-     */
     this.hideUnselected = false;
-    /**
-     * Whether the mobile list is collapsed.
-     */
     this.collapsed = false;
   }
   /**

package/dist/cjs/z-app-header_2.cjs.entry.js

@@ -12,41 +12,19 @@ const ZAppHeader = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.sticking = index.createEvent(this, "sticking", 7);
-    /**
-     * Stuck mode for the header.
-     * You can programmatically set it using an IntersectionObserver.
-     * **Optional**
-     */
-    this.stuck = false;
-    /**
-     * Should place an overlay over the hero image.
-     * Useful for legibility purpose.
-     * **Optional**
-     */
-    this.overlay = false;
-    /**
-     * Control menu bar position in the header.
-     * - auto: the menu bar is positioned near the title
-     * - stack: the menu bar is positioned below the title
-     * - offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu
-     *
-     * **Optional**
-     */
-    this.flow = "auto";
-    /**
-     * The opening state of the drawer.
-     */
-    this.drawerOpen = false;
-    /**
-     * The stucked state of the bar.
-     */
-    this.stucked = false;
     this.observer = SUPPORT_INTERSECTION_OBSERVER &&
       new IntersectionObserver(([entry]) => {
         this.stucked = !entry.isIntersecting;
       }, {
         threshold: 0.5,
       });
+    this.stuck = false;
+    this.hero = undefined;
+    this.overlay = false;
+    this.flow = "auto";
+    this.drawerOpen = false;
+    this.stucked = false;
+    this.menuLength = undefined;
     this.openDrawer = this.openDrawer.bind(this);
     this.closeDrawer = this.closeDrawer.bind(this);
     this.collectMenuElements.bind(this);
@@ -136,6 +114,11 @@ const stylesCss = ":host{margin-right:var(--z-icon-right-margin, 0);margin-left:
 const ZIcon = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.name = undefined;
+    this.height = undefined;
+    this.width = undefined;
+    this.iconid = undefined;
+    this.fill = undefined;
   }
   selectPathOrPolygon(iconValue) {
     if (iconValue === null || iconValue === void 0 ? void 0 : iconValue.startsWith("M")) {

package/dist/cjs/z-app-switcher.cjs.entry.js

@@ -11,7 +11,6 @@ const ZAppSwitcher = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.appButtonClick = index.createEvent(this, "appButtonClick", 7);
-    /** theme variant, default 'dark' */
     this.theme = index$1.ThemeVariant.DARK;
     this.isopen = false;
     this.emitAppButtonClick = this.emitAppButtonClick.bind(this);

package/dist/cjs/z-app-topbar.cjs.entry.js

@@ -11,9 +11,13 @@ const stylesCss = ":host{position:sticky;z-index:99;top:0;display:block;height:c
 const ZAppTopbar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** theme variant, default 'dark' */
-    this.theme = index$1.ThemeVariant.DARK;
     this.topbarLinks = [];
+    this.theme = index$1.ThemeVariant.DARK;
+    this.contentMaxWidth = undefined;
+    this.topbarContent = undefined;
+    this.logoLink = undefined;
+    this.showAppSwitcher = undefined;
+    this.isMobile = undefined;
   }
   handleResize() {
     this.isMobile = window.innerWidth <= breakpoints.mobileBreakpoint;

package/dist/cjs/z-aria-alert.cjs.entry.js

@@ -8,7 +8,6 @@ const index$1 = require('./index-f08f7171.js');
 const ZAriaAlert = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Aria live mode */
     this.mode = index$1.ZAriaAlertMode.POLITE;
   }
   render() {

package/dist/cjs/z-avatar.cjs.entry.js

@@ -11,12 +11,11 @@ const ZAvatar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     var _a, _b;
-    /** [optional] Avatar size */
     this.size = index$1.AvatarSize.MEDIUM;
-    /** [optional] Avatar text color */
+    this.text = undefined;
     this.textColor = "text-white";
-    /** [optional] Avatar background color */
     this.backgroundColor = "bg-grey-700";
+    this.image = undefined;
     if (((_a = this.text) === null || _a === void 0 ? void 0 : _a.length) === 0 && ((_b = this.image) === null || _b === void 0 ? void 0 : _b.length) === 0) {
       console.warn("z-avatar must contain at least one prop between text and image");
     }

package/dist/cjs/z-body_2.cjs.entry.js

@@ -7,8 +7,9 @@ const index = require('./index-e3299e0a.js');
 const ZBody = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Font weight variant */
+    this.level = undefined;
     this.variant = "regular";
+    this.component = undefined;
   }
   render() {
     return (index.h("z-typography", { tabIndex: 0, component: this.component || "span", level: `b${this.level}`, variant: this.variant }, index.h("slot", null)));
@@ -20,8 +21,9 @@ const stylesCss = ":host>*{margin:0;font-family:var(--dashboard-font)}:host(.reg
 const ZTypography = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Font weight variant */
+    this.level = undefined;
     this.variant = "regular";
+    this.component = undefined;
   }
   render() {
     const el = document.createElement(this.component || "span");

package/dist/cjs/z-button-deprecated.cjs.entry.js

@@ -10,19 +10,14 @@ const stylesCss = ":host{display:inline-block;--z-icon-width:16px;--z-icon-heigh
 const ZButtonDeprecated = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** HTML button disabled attribute. */
+    this.htmlid = undefined;
+    this.name = undefined;
     this.disabled = false;
-    /** HTML button type attribute. */
     this.type = index$1.ButtonType.BUTTON;
-    /** Graphical variant: `primary`, `secondary`, `tertiary`, `dark-bg`. Defaults to `primary`. */
     this.variant = index$1.ButtonVariant.PRIMARY;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
+    this.icon = undefined;
     this.size = index$1.ButtonSize.BIG;
-    /** Reduce button size (deprecated).
-     * @deprecated Use `size` prop.
-     */
     this.issmall = false;
-    /** Spy to render square button. */
     this.square = false;
   }
   render() {

package/dist/cjs/z-button-filter.cjs.entry.js

@@ -10,11 +10,10 @@ const ZButtonFilter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.removefilter = index.createEvent(this, "removefilter", 7);
-    /** disable action on button */
+    this.filtername = undefined;
     this.isfixed = false;
-    /** add icon to button */
     this.hasicon = true;
-    /** reduce button size (optional) */
+    this.filterid = undefined;
     this.issmall = false;
     this.handleRemovingFilterClick = this.handleRemovingFilterClick.bind(this);
   }

package/dist/cjs/z-button-sort.cjs.entry.js

@@ -11,13 +11,13 @@ const ZButtonSort = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.buttonSortClick = index.createEvent(this, "buttonSortClick", 7);
-    /** sort label content (ascending) (optional) */
+    this.buttonid = undefined;
+    this.label = undefined;
+    this.desclabel = undefined;
+    this.counter = undefined;
     this.sortlabelasc = "A-Z";
-    /** sort label content (descending) (optional) */
     this.sortlabeldesc = "Z-A";
-    /** selected flag (optional) */
     this.isselected = false;
-    /** sortable flag (optional) */
     this.sortasc = true;
     this.allowTooltip = false;
   }

package/dist/cjs/z-button.cjs.entry.js

@@ -10,15 +10,15 @@ const stylesCss = ".sc-z-button-h{display:inline-block;--z-icon-width:16px;--z-i
 const ZButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** defines a string value that labels an interactive element, used for accessibility. */
     this.ariaLabel = "";
-    /** HTML button disabled attribute. */
+    this.href = undefined;
+    this.target = undefined;
+    this.htmlid = undefined;
+    this.name = undefined;
     this.disabled = false;
-    /** HTML button type attribute. */
     this.type = index$1.ButtonType.BUTTON;
-    /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */
     this.variant = index$1.ButtonVariant.PRIMARY;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
+    this.icon = undefined;
     this.size = index$1.ButtonSize.BIG;
   }
   getAttributes() {

package/dist/cjs/z-card.cjs.entry.js

@@ -11,10 +11,11 @@ const ZCard = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.cardClicked = index.createEvent(this, "cardClicked", 7);
-    /** Enable click interactions on the card. Default: false */
+    this.variant = undefined;
+    this.coverIcon = undefined;
     this.clickable = false;
-    /** Enable shadow. Default: false. */
     this.showshadow = false;
+    this.hasCoverImage = undefined;
   }
   onClick(ev) {
     // Do nothing for clicks on actions.

package/dist/cjs/z-carousel.cjs.entry.js

@@ -11,14 +11,16 @@ const ZCarousel = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.indexChange = index.createEvent(this, "indexChange", 7);
-    /** Shows only one content at a time */
+    /** Flag indicating the items container is scrolling programmatically towards the stored index. */
+    this.scrollingTo = null;
+    this.isLoading = undefined;
+    this.label = undefined;
     this.single = false;
-    /** The height of z-carousel ghost loading, this prop is mandatory when isloading is set to true, as otherwise the component won't show. */
+    this.arrowsPosition = undefined;
+    this.progressMode = undefined;
     this.ghostLoadingHeight = 100;
-    /** Current item index for single mode. */
     this.current = 0;
-    /** Flag indicating the items container is scrolling programmatically towards the stored index. */
-    this.scrollingTo = null;
+    this.items = undefined;
   }
   onIndexChange() {
     this.scrollingTo = this.current;

package/dist/cjs/z-chip-deprecated.cjs.entry.js

@@ -9,6 +9,8 @@ const stylesCss = ":host>div{display:inline-block;min-height:28px;padding:0 calc
 const ZChipDeprecated = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.regulartext = undefined;
+    this.boldtext = undefined;
   }
   renderLegacyChip() {
     return (index.h("div", null, index.h("span", { class: "boldtext" }, this.boldtext), " ", this.regulartext));

package/dist/cjs/z-chip.cjs.entry.js

@@ -13,9 +13,9 @@ const ZChip = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.interactiveIconClick = index.createEvent(this, "interactiveIconClick", 7);
-    /** z-chip size type, can be default, medium or small */
+    this.icon = undefined;
     this.type = index$1.ZChipType.DEFAULT;
-    /** set z-chip as disabled  */
+    this.interactiveIcon = undefined;
     this.disabled = false;
   }
   emitinteractiveIconClick() {

package/dist/cjs/z-combobox.cjs.entry.js

@@ -13,27 +13,26 @@ const ZCombobox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.comboboxChange = index.createEvent(this, "comboboxChange", 7);
-    /** show search input flag (optional) */
+    this.itemsList = [];
+    this.inputType = index$1.InputType.TEXT;
+    this.inputid = undefined;
+    this.items = undefined;
+    this.label = undefined;
     this.hassearch = false;
-    /** no result text message */
+    this.searchlabel = undefined;
+    this.searchplaceholder = undefined;
+    this.searchtitle = undefined;
     this.noresultslabel = "Nessun risultato";
-    /** toggle combo list opening flag */
     this.isopen = false;
-    /** fixed style flag */
     this.isfixed = false;
-    /** close combobox list text */
     this.closesearchtext = "Chiudi";
-    /** show "check all" checkbox (optional) */
     this.hascheckall = false;
-    /** check all label (optional) */
     this.checkalltext = "Seleziona tutti";
-    /** uncheck all label (optional) */
     this.uncheckalltext = "Deseleziona tutti";
-    /** max number of checkable items (0 = unlimited) */
     this.maxcheckableitems = 0;
-    this.renderItemsList = []; // used for render only
-    this.itemsList = [];
-    this.inputType = index$1.InputType.TEXT;
+    this.searchValue = undefined;
+    this.selectedCounter = undefined;
+    this.renderItemsList = [];
     this.toggleComboBox = this.toggleComboBox.bind(this);
     this.closeFilterItems = this.closeFilterItems.bind(this);
   }

package/dist/cjs/z-contextual-menu.cjs.entry.js

@@ -11,13 +11,8 @@ const ZContextualMenu = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.clickContextualMenu = index.createEvent(this, "clickContextualMenu", 7);
-    /**
-     * [optional] Sets text color of ZContextualMenu's content
-     */
+    this.elements = undefined;
     this.color = "color-primary01";
-    /**
-     * [optional] Sets the position of the popover
-     */
     this.popoverPosition = index$1.PopoverPositions.BOTTOM_RIGHT;
   }
   componentWillRender() {

package/dist/cjs/z-cookiebar.cjs.entry.js

@@ -11,6 +11,9 @@ const ZCookiebar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.accept = index.createEvent(this, "accept", 7);
+    this.cookiepolicyurl = undefined;
+    this.hide = undefined;
+    this.callback = undefined;
   }
   emitAccept(ev) {
     this.accept.emit({ ev });

package/dist/cjs/z-cover-hero.cjs.entry.js

@@ -10,14 +10,7 @@ const stylesCss = ":host{--cover-hero-height:auto;--cover-hero-overlay:none;--co
 const ZCoverHero = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /**
-     * Cover hero variant.
-     * Can be one of "OVERLAY", "STACKED".
-     */
     this.variant = index$1.CoverHeroVariant.OVERLAY;
-    /**
-     * Cover hero content position (only for STACKED variant).
-     */
     this.contentPosition = index$1.CoverHeroContentPosition.TOP;
   }
   /**

package/dist/cjs/z-date-picker.cjs.entry.js

@@ -314,9 +314,9 @@ const ZDatePicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.dateSelect = index.createEvent(this, "dateSelect", 7);
-    /** z-input aria label */
+    this.datePickerId = undefined;
     this.ariaLabel = "";
-    /** [Optional] datepicker mode: date, datetime, only months */
+    this.label = undefined;
     this.mode = index$1.ZDatePickerMode.DATE;
     this.flatpickrPosition = index$1.ZDatePickerPosition.BOTTOM;
     this.inputError = false;

package/dist/cjs/z-divider.cjs.entry.js

@@ -10,11 +10,8 @@ const stylesCss = ".sc-z-divider-h{display:block;padding:0;margin:0}.divider-hor
 const ZDivider = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** [optional] Divider size */
     this.size = index$1.DividerSize.SMALL;
-    /** [optional] Divider color */
     this.color = "gray200";
-    /** [optional] Divider orintation */
     this.orientation = index$1.DividerOrientation.HORIZONTAL;
   }
   render() {

package/dist/cjs/z-dragdrop-area_2.cjs.entry.js

@@ -37,8 +37,9 @@ ZDragdropArea.style = stylesCss;
 const ZHeading = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Font weight variant */
+    this.level = undefined;
     this.variant = "regular";
+    this.component = undefined;
   }
   render() {
     return (index.h("z-typography", { tabIndex: 0, component: this.component || `h${this.level}`, level: `h${this.level}`, variant: this.variant }, index.h("slot", null)));

package/dist/cjs/z-file-upload.cjs.entry.js

@@ -13,15 +13,19 @@ const ZFileUpload = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.fileInput = index.createEvent(this, "fileInput", 7);
-    /** Prop indicating the file upload type - can be default or dragdrop */
-    this.type = index$1.ZFileUploadType.DEFAULT;
-    /** Files added by the user */
-    this.files = [];
     this.inputAttributes = {
       type: "file",
       id: "file-elem",
       multiple: true,
     };
+    this.type = index$1.ZFileUploadType.DEFAULT;
+    this.buttonVariant = undefined;
+    this.acceptedFormat = undefined;
+    this.fileMaxSize = undefined;
+    this.mainTitle = undefined;
+    this.description = undefined;
+    this.files = [];
+    this.invalidFiles = undefined;
   }
   /** Listen removeFile event sent from z-file component */
   removeFileListener(e) {

package/dist/cjs/z-file.cjs.entry.js

@@ -12,6 +12,8 @@ const ZFile = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.removeFile = index.createEvent(this, "removeFile", 7);
+    this.fileNumber = undefined;
+    this.fileName = undefined;
     this.allowPopover = false;
     this.popoverVisible = false;
   }

package/dist/cjs/z-footer-link_3.cjs.entry.js

@@ -9,6 +9,7 @@ const stylesCss$2 = ":host{font-family:var(--font-family-sans);font-weight:var(-
 const ZFooterLink = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.href = undefined;
   }
   render() {
     return (index.h("a", { href: this.href, target: "_blank" }, index.h("slot", null)));
@@ -21,6 +22,7 @@ const stylesCss$1 = ":host{font-family:var(--font-family-sans);font-weight:var(-
 const ZFooterSection = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.name = undefined;
     this.isOpen = false;
   }
   renderToggleButton() {
@@ -37,6 +39,9 @@ const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--f
 const ZFooterSocial = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.icon = undefined;
+    this.href = undefined;
+    this.description = undefined;
   }
   render() {
     return (index.h("a", { href: this.href, target: "_blank" }, index.h("img", { src: this.icon, alt: this.description })));

package/dist/cjs/z-footer.cjs.entry.js

@@ -13,6 +13,12 @@ const ZFooter = class {
     this.creditsLinkClick = index.createEvent(this, "creditsLinkClick", 7);
     this.reportAProblemButtonClick = index.createEvent(this, "reportAProblemButtonClick", 7);
     this.creditsLinkId = "creditsLinkId";
+    this.data = undefined;
+    this.productName = undefined;
+    this.productVersion = undefined;
+    this.productCreditsLink = undefined;
+    this.showReportAProblemButton = undefined;
+    this.contentMaxWidth = undefined;
     this.emitReportAProblemButtonClick = this.emitReportAProblemButtonClick.bind(this);
   }
   componentWillLoad() {

package/dist/cjs/z-info-box.cjs.entry.js

@@ -10,7 +10,7 @@ const ZInfoBox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.infoBoxClose = index.createEvent(this, "infoBoxClose", 7);
-    /** render close icon flag */
+    this.boxid = undefined;
     this.isclosable = true;
   }
   emitInfoBoxClose() {

package/dist/cjs/z-info-reveal.cjs.entry.js

@@ -10,13 +10,10 @@ const stylesCss = ":host{--z-info-reveal-theme--surface:var(--color-black);--z-i
 const ZInfoReveal = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Name of the icon for the open button */
     this.icon = "informationsource";
-    /** Info reveal's position */
     this.position = index$1.InfoRevealPosition.BOTTOM_RIGHT;
-    /** Whether the info panel is open. */
+    this.label = undefined;
     this.open = false;
-    /** Current index for the info queue. */
     this.currentIndex = null;
   }
   watchItems() {

package/dist/cjs/z-input-deprecated.cjs.entry.js

@@ -17,28 +17,28 @@ const ZInputDeprecated = class {
     this.stopTyping = index.createEvent(this, "stopTyping", 7);
     this.inputCheck = index.createEvent(this, "inputCheck", 7);
     this.optionSelect = index.createEvent(this, "optionSelect", 7);
-    /** the id of the input element */
     this.htmlid = `id-${utils.randomId()}`;
-    /** the input aria-label */
+    this.type = undefined;
+    this.name = undefined;
+    this.label = undefined;
     this.ariaLabel = "";
-    /** the input is disabled */
+    this.value = undefined;
     this.disabled = false;
-    /** the input is readonly */
     this.readonly = false;
-    /** the input is required (optional): available for text, password, number, email, textarea, checkbox */
     this.required = false;
-    /** checked: available for checkbox, radio */
     this.checked = false;
-    /** show input helper message (optional): available for text, password, number, email, textarea, select */
+    this.placeholder = undefined;
+    this.htmltitle = undefined;
+    this.status = undefined;
     this.hasmessage = true;
-    /** the input label position: available for checkbox, radio */
+    this.message = undefined;
     this.labelafter = true;
-    /** timeout setting before trigger `inputChange` event (optional): available for text, textarea */
     this.typingtimeout = 300;
-    /** multiple options can be selected (optional): available for select */
+    this.items = undefined;
+    this.autocomplete = undefined;
     this.multiple = false;
-    /** render clear icon when typing (optional): available for text */
     this.hasclearicon = true;
+    this.icon = undefined;
     this.isTyping = false;
     this.textareaWrapperHover = "";
     this.textareaWrapperFocus = "";