diff --git a/packages/flow-core/custom-elements.json b/packages/flow-core/custom-elements.json index 8fa7e148b..3d5c2a851 100644 --- a/packages/flow-core/custom-elements.json +++ b/packages/flow-core/custom-elements.json @@ -1287,6 +1287,120 @@ } ] }, + { + "kind": "javascript-module", + "path": "src/components/f-carousel-content/f-carousel-content.ts", + "declarations": [ + { + "kind": "class", + "description": "", + "name": "FCarouselContent", + "members": [ + { + "kind": "field", + "name": "contentId", + "type": { + "text": "string" + }, + "attribute": "content-id", + "reflects": true + }, + { + "kind": "field", + "name": "tooltipElement", + "type": { + "text": "HTMLElement" + }, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "tooltip", + "type": { + "text": "string | undefined" + }, + "attribute": "tooltip", + "reflects": true, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "mouseEnter", + "type": { + "text": "() => void | undefined" + }, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "mouseLeave", + "type": { + "text": "() => void | undefined" + }, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "isMouseOver", + "type": { + "text": "boolean" + }, + "default": "false", + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + } + ], + "attributes": [ + { + "name": "content-id", + "type": { + "text": "string" + }, + "fieldName": "contentId" + }, + { + "name": "tooltip", + "type": { + "text": "string | undefined" + }, + "fieldName": "tooltip", + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + } + ], + "superclass": { + "name": "FRoot", + "module": "/src/mixins/components/f-root/f-root" + } + } + ], + "exports": [ + { + "kind": "js", + "name": "FCarouselContent", + "declaration": { + "name": "FCarouselContent", + "module": "src/components/f-carousel-content/f-carousel-content.ts" + } + } + ] + }, { "kind": "javascript-module", "path": "src/components/f-button/f-button.ts", @@ -1631,120 +1745,6 @@ } ] }, - { - "kind": "javascript-module", - "path": "src/components/f-carousel-content/f-carousel-content.ts", - "declarations": [ - { - "kind": "class", - "description": "", - "name": "FCarouselContent", - "members": [ - { - "kind": "field", - "name": "contentId", - "type": { - "text": "string" - }, - "attribute": "content-id", - "reflects": true - }, - { - "kind": "field", - "name": "tooltipElement", - "type": { - "text": "HTMLElement" - }, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "tooltip", - "type": { - "text": "string | undefined" - }, - "attribute": "tooltip", - "reflects": true, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "mouseEnter", - "type": { - "text": "() => void | undefined" - }, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "mouseLeave", - "type": { - "text": "() => void | undefined" - }, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "isMouseOver", - "type": { - "text": "boolean" - }, - "default": "false", - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - } - ], - "attributes": [ - { - "name": "content-id", - "type": { - "text": "string" - }, - "fieldName": "contentId" - }, - { - "name": "tooltip", - "type": { - "text": "string | undefined" - }, - "fieldName": "tooltip", - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - } - ], - "superclass": { - "name": "FRoot", - "module": "/src/mixins/components/f-root/f-root" - } - } - ], - "exports": [ - { - "kind": "js", - "name": "FCarouselContent", - "declaration": { - "name": "FCarouselContent", - "module": "src/components/f-carousel-content/f-carousel-content.ts" - } - } - ] - }, { "kind": "javascript-module", "path": "src/components/f-carousel/f-carousel.ts", @@ -4444,171 +4444,36 @@ }, { "kind": "javascript-module", - "path": "src/components/f-form/f-form.ts", + "path": "src/components/f-file-upload/f-file-upload.ts", "declarations": [ { "kind": "class", "description": "", - "name": "FForm", + "name": "FFileUpload", "members": [ { "kind": "field", - "name": "gap", + "name": "type", "type": { - "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" + "text": "\"single\" | \"multiple\" | undefined" }, - "default": "\"medium\"", - "attribute": "gap", + "default": "\"single\"", + "attribute": "type", "reflects": true }, { "kind": "field", - "name": "separator", + "name": "value", "type": { - "text": "boolean | undefined" + "text": "FFileUploadValueType | undefined" }, - "default": "false", - "attribute": "separator", - "reflects": true + "attribute": "value" }, { "kind": "field", - "name": "tooltipElement", + "name": "placeholder", "type": { - "text": "HTMLElement" - }, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "tooltip", - "type": { - "text": "string | undefined" - }, - "attribute": "tooltip", - "reflects": true, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "mouseEnter", - "type": { - "text": "() => void | undefined" - }, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "mouseLeave", - "type": { - "text": "() => void | undefined" - }, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "isMouseOver", - "type": { - "text": "boolean" - }, - "default": "false", - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - } - ], - "attributes": [ - { - "name": "gap", - "type": { - "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" - }, - "default": "\"medium\"", - "fieldName": "gap" - }, - { - "name": "separator", - "type": { - "text": "boolean | undefined" - }, - "default": "false", - "fieldName": "separator" - }, - { - "name": "tooltip", - "type": { - "text": "string | undefined" - }, - "fieldName": "tooltip", - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - } - ], - "superclass": { - "name": "FRoot", - "module": "/src/mixins/components/f-root/f-root" - }, - "summary": "Text component includes Headings, titles, body texts and links." - } - ], - "exports": [ - { - "kind": "js", - "name": "FForm", - "declaration": { - "name": "FForm", - "module": "src/components/f-form/f-form.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/f-file-upload/f-file-upload.ts", - "declarations": [ - { - "kind": "class", - "description": "", - "name": "FFileUpload", - "members": [ - { - "kind": "field", - "name": "type", - "type": { - "text": "\"single\" | \"multiple\" | undefined" - }, - "default": "\"single\"", - "attribute": "type", - "reflects": true - }, - { - "kind": "field", - "name": "value", - "type": { - "text": "FFileUploadValueType | undefined" - }, - "attribute": "value" - }, - { - "kind": "field", - "name": "placeholder", - "type": { - "text": "string | undefined" + "text": "string | undefined" }, "attribute": "placeholder", "reflects": true @@ -5385,61 +5250,33 @@ }, { "kind": "javascript-module", - "path": "src/components/f-grid/f-grid.ts", + "path": "src/components/f-form/f-form.ts", "declarations": [ { "kind": "class", "description": "", - "name": "FGrid", + "name": "FForm", "members": [ { "kind": "field", - "name": "minCellWidth", - "type": { - "text": "number | undefined" - }, - "attribute": "min-cell-width", - "reflects": true - }, - { - "kind": "field", - "name": "maxCellWidth", - "type": { - "text": "number | undefined" - }, - "attribute": "max-cell-width", - "reflects": true - }, - { - "kind": "field", - "name": "cellHeight", + "name": "gap", "type": { - "text": "number | undefined" + "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" }, - "attribute": "cell-height", + "default": "\"medium\"", + "attribute": "gap", "reflects": true }, { "kind": "field", - "name": "gap", + "name": "separator", "type": { - "text": "\"x-large\" | \"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" + "text": "boolean | undefined" }, - "default": "\"small\"", - "attribute": "gap", + "default": "false", + "attribute": "separator", "reflects": true }, - { - "kind": "field", - "name": "gridTemplateColumns", - "description": "grid-template-columns to assign cell-width", - "readonly": true - }, - { - "kind": "method", - "name": "applyGridStyles", - "description": "styling for grid" - }, { "kind": "field", "name": "tooltipElement", @@ -5501,33 +5338,20 @@ ], "attributes": [ { - "name": "min-cell-width", - "type": { - "text": "number | undefined" - }, - "fieldName": "minCellWidth" - }, - { - "name": "max-cell-width", - "type": { - "text": "number | undefined" - }, - "fieldName": "maxCellWidth" - }, - { - "name": "cell-height", + "name": "gap", "type": { - "text": "number | undefined" + "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" }, - "fieldName": "cellHeight" + "default": "\"medium\"", + "fieldName": "gap" }, { - "name": "gap", + "name": "separator", "type": { - "text": "\"x-large\" | \"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" + "text": "boolean | undefined" }, - "default": "\"small\"", - "fieldName": "gap" + "default": "false", + "fieldName": "separator" }, { "name": "tooltip", @@ -5544,68 +5368,244 @@ "superclass": { "name": "FRoot", "module": "/src/mixins/components/f-root/f-root" - } + }, + "summary": "Text component includes Headings, titles, body texts and links." } ], "exports": [ { "kind": "js", - "name": "FGrid", + "name": "FForm", "declaration": { - "name": "FGrid", - "module": "src/components/f-grid/f-grid.ts" + "name": "FForm", + "module": "src/components/f-form/f-form.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/f-icon/f-icon.ts", + "path": "src/components/f-grid/f-grid.ts", "declarations": [ { "kind": "class", "description": "", - "name": "FIcon", + "name": "FGrid", "members": [ { "kind": "field", - "name": "fill", + "name": "minCellWidth", "type": { - "text": "string" + "text": "number | undefined" }, - "default": "\"\"" + "attribute": "min-cell-width", + "reflects": true }, { "kind": "field", - "name": "_source", + "name": "maxCellWidth", "type": { - "text": "string" + "text": "number | undefined" }, - "privacy": "private" + "attribute": "max-cell-width", + "reflects": true }, { "kind": "field", - "name": "_originalSource", + "name": "cellHeight", "type": { - "text": "string | undefined" + "text": "number | undefined" }, - "privacy": "private" + "attribute": "cell-height", + "reflects": true }, { "kind": "field", - "name": "_themeSubscription", + "name": "gap", "type": { - "text": "Subscription | undefined" + "text": "\"x-large\" | \"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" }, - "privacy": "private" + "default": "\"small\"", + "attribute": "gap", + "reflects": true }, { "kind": "field", - "name": "_configSubscription", - "type": { - "text": "Subscription | undefined" - }, - "privacy": "private" + "name": "gridTemplateColumns", + "description": "grid-template-columns to assign cell-width", + "readonly": true + }, + { + "kind": "method", + "name": "applyGridStyles", + "description": "styling for grid" + }, + { + "kind": "field", + "name": "tooltipElement", + "type": { + "text": "HTMLElement" + }, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "tooltip", + "type": { + "text": "string | undefined" + }, + "attribute": "tooltip", + "reflects": true, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "mouseEnter", + "type": { + "text": "() => void | undefined" + }, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "mouseLeave", + "type": { + "text": "() => void | undefined" + }, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "isMouseOver", + "type": { + "text": "boolean" + }, + "default": "false", + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + } + ], + "attributes": [ + { + "name": "min-cell-width", + "type": { + "text": "number | undefined" + }, + "fieldName": "minCellWidth" + }, + { + "name": "max-cell-width", + "type": { + "text": "number | undefined" + }, + "fieldName": "maxCellWidth" + }, + { + "name": "cell-height", + "type": { + "text": "number | undefined" + }, + "fieldName": "cellHeight" + }, + { + "name": "gap", + "type": { + "text": "\"x-large\" | \"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" + }, + "default": "\"small\"", + "fieldName": "gap" + }, + { + "name": "tooltip", + "type": { + "text": "string | undefined" + }, + "fieldName": "tooltip", + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + } + ], + "superclass": { + "name": "FRoot", + "module": "/src/mixins/components/f-root/f-root" + } + } + ], + "exports": [ + { + "kind": "js", + "name": "FGrid", + "declaration": { + "name": "FGrid", + "module": "src/components/f-grid/f-grid.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/f-icon/f-icon.ts", + "declarations": [ + { + "kind": "class", + "description": "", + "name": "FIcon", + "members": [ + { + "kind": "field", + "name": "fill", + "type": { + "text": "string" + }, + "default": "\"\"" + }, + { + "kind": "field", + "name": "_source", + "type": { + "text": "string" + }, + "privacy": "private" + }, + { + "kind": "field", + "name": "_originalSource", + "type": { + "text": "string | undefined" + }, + "privacy": "private" + }, + { + "kind": "field", + "name": "_themeSubscription", + "type": { + "text": "Subscription | undefined" + }, + "privacy": "private" + }, + { + "kind": "field", + "name": "_configSubscription", + "type": { + "text": "Subscription | undefined" + }, + "privacy": "private" }, { "kind": "field", @@ -6112,283 +6112,209 @@ }, { "kind": "javascript-module", - "path": "src/components/f-input/f-input.ts", + "path": "src/components/f-pictogram/f-pictogram.ts", "declarations": [ { "kind": "class", "description": "", - "name": "FInput", + "name": "FPictogram", "members": [ { "kind": "field", - "name": "showPassword", + "name": "variant", "type": { - "text": "boolean" + "text": "FPictogramVariant | undefined" }, - "default": "false" - }, - { - "kind": "field", - "name": "_labelNodes", - "type": { - "text": "NodeListOf" - } + "default": "\"squircle\"", + "attribute": "variant", + "reflects": true }, { "kind": "field", - "name": "_hasLabel", + "name": "source", "type": { - "text": "boolean" + "text": "string" }, - "default": "false" + "attribute": "source", + "reflects": true }, { "kind": "field", - "name": "_helpNodes", + "name": "size", "type": { - "text": "NodeListOf" - } + "text": "FPictogramSize | undefined" + }, + "default": "\"large\"", + "attribute": "size", + "reflects": true }, { "kind": "field", - "name": "_hasHelperText", + "name": "state", "type": { - "text": "boolean" + "text": "FPictogramState | undefined" }, - "default": "false" + "default": "\"default\"", + "attribute": "state", + "reflects": true }, { "kind": "field", - "name": "variant", + "name": "loading", "type": { - "text": "\"curved\" | \"round\" | \"block\" | undefined" + "text": "boolean | undefined" }, - "default": "\"curved\"", - "attribute": "variant", + "default": "false", + "attribute": "loading", "reflects": true }, { "kind": "field", - "name": "category", + "name": "disabled", "type": { - "text": "\"fill\" | \"outline\" | \"transparent\" | undefined" + "text": "boolean | undefined" }, - "default": "\"fill\"", - "attribute": "category", + "default": "false", + "attribute": "disabled", "reflects": true }, { "kind": "field", - "name": "state", + "name": "fPicorgramWrapper", "type": { - "text": "FInputState | undefined" - }, - "default": "\"default\"", - "attribute": "state", - "reflects": true + "text": "HTMLDivElement" + } }, { "kind": "field", - "name": "size", + "name": "clickable", "type": { - "text": "\"medium\" | \"small\" | undefined" + "text": "boolean | undefined" }, - "default": "\"medium\"", - "attribute": "size", + "default": "false", + "attribute": "clickable", "reflects": true }, { "kind": "field", - "name": "type", + "name": "autoBg", "type": { - "text": "\"text\" | \"number\" | \"email\" | \"password\" | \"url\" | \"tel\" | undefined" + "text": "boolean" }, - "default": "\"text\"", - "attribute": "type", + "default": "false", + "attribute": "auto-bg", "reflects": true }, { "kind": "field", - "name": "value", - "type": { - "text": "string | number | undefined" - }, - "attribute": "value", - "reflects": true - }, - { - "kind": "field", - "name": "placeholder", - "type": { - "text": "string | undefined" - }, - "attribute": "placeholder", - "reflects": true - }, - { - "kind": "field", - "name": "iconLeft", - "type": { - "text": "string | undefined" - }, - "attribute": "icon-left", - "reflects": true - }, - { - "kind": "field", - "name": "iconRight", - "type": { - "text": "string | undefined" - }, - "attribute": "icon-right", - "reflects": true - }, - { - "kind": "field", - "name": "prefix", + "name": "isText", "type": { - "text": "string | null" + "text": "boolean" }, - "default": "null", - "attribute": "prefix", - "reflects": true + "default": "false" }, { "kind": "field", - "name": "suffix", - "type": { - "text": "string | undefined" - }, - "attribute": "suffix", - "reflects": true + "name": "getLetters", + "readonly": true }, { - "kind": "field", - "name": "maxLength", - "type": { - "text": "number | undefined" - }, - "attribute": "max-length", - "reflects": true + "kind": "method", + "name": "capitalizeFirstLetter", + "parameters": [ + { + "name": "string", + "type": { + "text": "string" + } + } + ] }, { "kind": "field", - "name": "loading", - "type": { - "text": "boolean | undefined" - }, - "default": "false", - "attribute": "loading", - "reflects": true + "name": "textSource", + "readonly": true }, { - "kind": "field", - "name": "disabled", - "type": { - "text": "boolean | undefined" - }, - "default": "false", - "attribute": "disabled", - "reflects": true + "kind": "method", + "name": "hslToHex", + "parameters": [ + { + "name": "h", + "type": { + "text": "number" + } + }, + { + "name": "s", + "type": { + "text": "number" + } + }, + { + "name": "l", + "type": { + "text": "number" + } + } + ] }, { "kind": "field", - "name": "clear", - "type": { - "text": "boolean | undefined" - }, - "default": "true", - "attribute": "clear", - "reflects": true + "name": "textColor", + "readonly": true }, { "kind": "field", - "name": "readOnly", - "type": { - "text": "boolean | undefined" - }, - "default": "false", - "attribute": "read-only", - "reflects": true + "name": "textColorStyling", + "readonly": true }, { "kind": "field", - "name": "suffixWhen", - "type": { - "text": "FInputSuffixWhen | undefined" - }, - "attribute": "suffixWhen" + "name": "renderedHtml", + "readonly": true }, { - "kind": "field", - "name": "inputElement", - "type": { - "text": "HTMLInputElement" - }, - "description": "input element reference" + "kind": "method", + "name": "sourceSize" }, { "kind": "field", - "name": "inputWrapperElement", - "type": { - "text": "HTMLInputElement" - }, - "description": "input element reference" + "name": "hashCode", + "readonly": true }, { "kind": "method", - "name": "handleInput", + "name": "stringReplaceAtIndex", "parameters": [ { - "name": "e", + "name": "str", "type": { - "text": "InputEvent" + "text": "string" } - } - ], - "description": "emit input custom event" - }, - { - "kind": "method", - "name": "clearInputValue", - "description": "clear input value on clear icon clicked" - }, - { - "kind": "method", - "name": "dispatchInputEvent", - "parameters": [ + }, { - "name": "value", + "name": "index", "type": { - "text": "string | number | undefined" + "text": "number" } }, { - "name": "type", + "name": "chr", "type": { - "text": "\"clear\" | \"input\"" + "text": "number" } } ] }, { "kind": "field", - "name": "iconSize", - "description": "icon size", + "name": "hashCodeHover", "readonly": true }, { "kind": "method", - "name": "togglePasswordView", - "description": "Toggle Password view" - }, - { - "kind": "method", - "name": "_onLabelSlotChange" - }, - { - "kind": "method", - "name": "_onHelpSlotChange" + "name": "validateProperties" }, { "kind": "field", @@ -6453,92 +6379,33 @@ { "name": "variant", "type": { - "text": "\"curved\" | \"round\" | \"block\" | undefined" + "text": "FPictogramVariant | undefined" }, - "default": "\"curved\"", + "default": "\"squircle\"", "fieldName": "variant" }, { - "name": "category", - "type": { - "text": "\"fill\" | \"outline\" | \"transparent\" | undefined" - }, - "default": "\"fill\"", - "fieldName": "category" - }, - { - "name": "state", + "name": "source", "type": { - "text": "FInputState | undefined" + "text": "string" }, - "default": "\"default\"", - "fieldName": "state" + "fieldName": "source" }, { "name": "size", "type": { - "text": "\"medium\" | \"small\" | undefined" + "text": "FPictogramSize | undefined" }, - "default": "\"medium\"", + "default": "\"large\"", "fieldName": "size" }, { - "name": "type", - "type": { - "text": "\"text\" | \"number\" | \"email\" | \"password\" | \"url\" | \"tel\" | undefined" - }, - "default": "\"text\"", - "fieldName": "type" - }, - { - "name": "value", - "type": { - "text": "string | number | undefined" - }, - "fieldName": "value" - }, - { - "name": "placeholder", - "type": { - "text": "string | undefined" - }, - "fieldName": "placeholder" - }, - { - "name": "icon-left", - "type": { - "text": "string | undefined" - }, - "fieldName": "iconLeft" - }, - { - "name": "icon-right", - "type": { - "text": "string | undefined" - }, - "fieldName": "iconRight" - }, - { - "name": "prefix", - "type": { - "text": "string | null" - }, - "default": "null", - "fieldName": "prefix" - }, - { - "name": "suffix", - "type": { - "text": "string | undefined" - }, - "fieldName": "suffix" - }, - { - "name": "max-length", + "name": "state", "type": { - "text": "number | undefined" + "text": "FPictogramState | undefined" }, - "fieldName": "maxLength" + "default": "\"default\"", + "fieldName": "state" }, { "name": "loading", @@ -6557,27 +6424,20 @@ "fieldName": "disabled" }, { - "name": "clear", - "type": { - "text": "boolean | undefined" - }, - "default": "true", - "fieldName": "clear" - }, - { - "name": "read-only", + "name": "clickable", "type": { "text": "boolean | undefined" }, "default": "false", - "fieldName": "readOnly" + "fieldName": "clickable" }, { - "name": "suffixWhen", + "name": "auto-bg", "type": { - "text": "FInputSuffixWhen | undefined" + "text": "boolean" }, - "fieldName": "suffixWhen" + "default": "false", + "fieldName": "autoBg" }, { "name": "tooltip", @@ -6600,60 +6460,173 @@ "exports": [ { "kind": "js", - "name": "FInput", + "name": "FPictogram", "declaration": { - "name": "FInput", - "module": "src/components/f-input/f-input.ts" + "name": "FPictogram", + "module": "src/components/f-pictogram/f-pictogram.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/f-pictogram/f-pictogram.ts", + "path": "src/components/f-input/f-input.ts", "declarations": [ { "kind": "class", "description": "", - "name": "FPictogram", + "name": "FInput", "members": [ { "kind": "field", - "name": "variant", + "name": "showPassword", + "type": { + "text": "boolean" + }, + "default": "false" + }, + { + "kind": "field", + "name": "_labelNodes", + "type": { + "text": "NodeListOf" + } + }, + { + "kind": "field", + "name": "_hasLabel", + "type": { + "text": "boolean" + }, + "default": "false" + }, + { + "kind": "field", + "name": "_helpNodes", + "type": { + "text": "NodeListOf" + } + }, + { + "kind": "field", + "name": "_hasHelperText", + "type": { + "text": "boolean" + }, + "default": "false" + }, + { + "kind": "field", + "name": "variant", + "type": { + "text": "\"curved\" | \"round\" | \"block\" | undefined" + }, + "default": "\"curved\"", + "attribute": "variant", + "reflects": true + }, + { + "kind": "field", + "name": "category", + "type": { + "text": "\"fill\" | \"outline\" | \"transparent\" | undefined" + }, + "default": "\"fill\"", + "attribute": "category", + "reflects": true + }, + { + "kind": "field", + "name": "state", + "type": { + "text": "FInputState | undefined" + }, + "default": "\"default\"", + "attribute": "state", + "reflects": true + }, + { + "kind": "field", + "name": "size", + "type": { + "text": "\"medium\" | \"small\" | undefined" + }, + "default": "\"medium\"", + "attribute": "size", + "reflects": true + }, + { + "kind": "field", + "name": "type", + "type": { + "text": "\"text\" | \"number\" | \"email\" | \"password\" | \"url\" | \"tel\" | undefined" + }, + "default": "\"text\"", + "attribute": "type", + "reflects": true + }, + { + "kind": "field", + "name": "value", + "type": { + "text": "string | number | undefined" + }, + "attribute": "value", + "reflects": true + }, + { + "kind": "field", + "name": "placeholder", + "type": { + "text": "string | undefined" + }, + "attribute": "placeholder", + "reflects": true + }, + { + "kind": "field", + "name": "iconLeft", "type": { - "text": "FPictogramVariant | undefined" + "text": "string | undefined" }, - "default": "\"squircle\"", - "attribute": "variant", + "attribute": "icon-left", "reflects": true }, { "kind": "field", - "name": "source", + "name": "iconRight", "type": { - "text": "string" + "text": "string | undefined" }, - "attribute": "source", + "attribute": "icon-right", "reflects": true }, { "kind": "field", - "name": "size", + "name": "prefix", "type": { - "text": "FPictogramSize | undefined" + "text": "string | null" }, - "default": "\"large\"", - "attribute": "size", + "default": "null", + "attribute": "prefix", "reflects": true }, { "kind": "field", - "name": "state", + "name": "suffix", "type": { - "text": "FPictogramState | undefined" + "text": "string | undefined" }, - "default": "\"default\"", - "attribute": "state", + "attribute": "suffix", + "reflects": true + }, + { + "kind": "field", + "name": "maxLength", + "type": { + "text": "number | undefined" + }, + "attribute": "max-length", "reflects": true }, { @@ -6678,141 +6651,102 @@ }, { "kind": "field", - "name": "fPicorgramWrapper", + "name": "clear", "type": { - "text": "HTMLDivElement" - } + "text": "boolean | undefined" + }, + "default": "true", + "attribute": "clear", + "reflects": true }, { "kind": "field", - "name": "clickable", + "name": "readOnly", "type": { "text": "boolean | undefined" }, "default": "false", - "attribute": "clickable", + "attribute": "read-only", "reflects": true }, { "kind": "field", - "name": "autoBg", + "name": "suffixWhen", "type": { - "text": "boolean" + "text": "FInputSuffixWhen | undefined" }, - "default": "false", - "attribute": "auto-bg", - "reflects": true + "attribute": "suffixWhen" }, { "kind": "field", - "name": "isText", + "name": "inputElement", "type": { - "text": "boolean" + "text": "HTMLInputElement" }, - "default": "false" + "description": "input element reference" }, { "kind": "field", - "name": "getLetters", - "readonly": true + "name": "inputWrapperElement", + "type": { + "text": "HTMLInputElement" + }, + "description": "input element reference" }, { "kind": "method", - "name": "capitalizeFirstLetter", + "name": "handleInput", "parameters": [ { - "name": "string", + "name": "e", "type": { - "text": "string" + "text": "InputEvent" } } - ] + ], + "description": "emit input custom event" }, { - "kind": "field", - "name": "textSource", - "readonly": true + "kind": "method", + "name": "clearInputValue", + "description": "clear input value on clear icon clicked" }, { "kind": "method", - "name": "hslToHex", + "name": "dispatchInputEvent", "parameters": [ { - "name": "h", - "type": { - "text": "number" - } - }, - { - "name": "s", + "name": "value", "type": { - "text": "number" + "text": "string | number | undefined" } }, { - "name": "l", + "name": "type", "type": { - "text": "number" + "text": "\"clear\" | \"input\"" } } ] }, { "kind": "field", - "name": "textColor", - "readonly": true - }, - { - "kind": "field", - "name": "textColorStyling", - "readonly": true - }, - { - "kind": "field", - "name": "renderedHtml", + "name": "iconSize", + "description": "icon size", "readonly": true }, { "kind": "method", - "name": "sourceSize" - }, - { - "kind": "field", - "name": "hashCode", - "readonly": true + "name": "togglePasswordView", + "description": "Toggle Password view" }, { "kind": "method", - "name": "stringReplaceAtIndex", - "parameters": [ - { - "name": "str", - "type": { - "text": "string" - } - }, - { - "name": "index", - "type": { - "text": "number" - } - }, - { - "name": "chr", - "type": { - "text": "number" - } - } - ] - }, - { - "kind": "field", - "name": "hashCodeHover", - "readonly": true + "name": "_onLabelSlotChange" }, { "kind": "method", - "name": "validateProperties" + "name": "_onHelpSlotChange" }, { "kind": "field", @@ -6877,33 +6811,92 @@ { "name": "variant", "type": { - "text": "FPictogramVariant | undefined" + "text": "\"curved\" | \"round\" | \"block\" | undefined" }, - "default": "\"squircle\"", + "default": "\"curved\"", "fieldName": "variant" }, { - "name": "source", + "name": "category", "type": { - "text": "string" + "text": "\"fill\" | \"outline\" | \"transparent\" | undefined" }, - "fieldName": "source" + "default": "\"fill\"", + "fieldName": "category" + }, + { + "name": "state", + "type": { + "text": "FInputState | undefined" + }, + "default": "\"default\"", + "fieldName": "state" }, { "name": "size", "type": { - "text": "FPictogramSize | undefined" + "text": "\"medium\" | \"small\" | undefined" }, - "default": "\"large\"", + "default": "\"medium\"", "fieldName": "size" }, { - "name": "state", + "name": "type", "type": { - "text": "FPictogramState | undefined" + "text": "\"text\" | \"number\" | \"email\" | \"password\" | \"url\" | \"tel\" | undefined" }, - "default": "\"default\"", - "fieldName": "state" + "default": "\"text\"", + "fieldName": "type" + }, + { + "name": "value", + "type": { + "text": "string | number | undefined" + }, + "fieldName": "value" + }, + { + "name": "placeholder", + "type": { + "text": "string | undefined" + }, + "fieldName": "placeholder" + }, + { + "name": "icon-left", + "type": { + "text": "string | undefined" + }, + "fieldName": "iconLeft" + }, + { + "name": "icon-right", + "type": { + "text": "string | undefined" + }, + "fieldName": "iconRight" + }, + { + "name": "prefix", + "type": { + "text": "string | null" + }, + "default": "null", + "fieldName": "prefix" + }, + { + "name": "suffix", + "type": { + "text": "string | undefined" + }, + "fieldName": "suffix" + }, + { + "name": "max-length", + "type": { + "text": "number | undefined" + }, + "fieldName": "maxLength" }, { "name": "loading", @@ -6922,20 +6915,27 @@ "fieldName": "disabled" }, { - "name": "clickable", + "name": "clear", "type": { "text": "boolean | undefined" }, - "default": "false", - "fieldName": "clickable" + "default": "true", + "fieldName": "clear" }, { - "name": "auto-bg", + "name": "read-only", "type": { - "text": "boolean" + "text": "boolean | undefined" }, "default": "false", - "fieldName": "autoBg" + "fieldName": "readOnly" + }, + { + "name": "suffixWhen", + "type": { + "text": "FInputSuffixWhen | undefined" + }, + "fieldName": "suffixWhen" }, { "name": "tooltip", @@ -6958,10 +6958,10 @@ "exports": [ { "kind": "js", - "name": "FPictogram", + "name": "FInput", "declaration": { - "name": "FPictogram", - "module": "src/components/f-pictogram/f-pictogram.ts" + "name": "FInput", + "module": "src/components/f-input/f-input.ts" } } ] @@ -9610,127 +9610,6 @@ } ] }, - { - "kind": "javascript-module", - "path": "src/components/f-spacer/f-spacer.ts", - "declarations": [ - { - "kind": "class", - "description": "", - "name": "FSpacer", - "members": [ - { - "kind": "field", - "name": "size", - "type": { - "text": "FSpacerSizeProp | undefined" - }, - "default": "\"medium\"", - "attribute": "size", - "reflects": true - }, - { - "kind": "method", - "name": "applySize", - "description": "Applying height,width related style, based on size property" - }, - { - "kind": "field", - "name": "tooltipElement", - "type": { - "text": "HTMLElement" - }, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "tooltip", - "type": { - "text": "string | undefined" - }, - "attribute": "tooltip", - "reflects": true, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "mouseEnter", - "type": { - "text": "() => void | undefined" - }, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "mouseLeave", - "type": { - "text": "() => void | undefined" - }, - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - }, - { - "kind": "field", - "name": "isMouseOver", - "type": { - "text": "boolean" - }, - "default": "false", - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - } - ], - "attributes": [ - { - "name": "size", - "type": { - "text": "FSpacerSizeProp | undefined" - }, - "default": "\"medium\"", - "fieldName": "size" - }, - { - "name": "tooltip", - "type": { - "text": "string | undefined" - }, - "fieldName": "tooltip", - "inheritedFrom": { - "name": "FRoot", - "module": "src/mixins/components/f-root/f-root.ts" - } - } - ], - "superclass": { - "name": "FRoot", - "module": "/src/mixins/components/f-root/f-root" - } - } - ], - "exports": [ - { - "kind": "js", - "name": "FSpacer", - "declaration": { - "name": "FSpacer", - "module": "src/components/f-spacer/f-spacer.ts" - } - } - ] - }, { "kind": "javascript-module", "path": "src/components/f-suggest/display-options.ts", @@ -10445,6 +10324,127 @@ } ] }, + { + "kind": "javascript-module", + "path": "src/components/f-spacer/f-spacer.ts", + "declarations": [ + { + "kind": "class", + "description": "", + "name": "FSpacer", + "members": [ + { + "kind": "field", + "name": "size", + "type": { + "text": "FSpacerSizeProp | undefined" + }, + "default": "\"medium\"", + "attribute": "size", + "reflects": true + }, + { + "kind": "method", + "name": "applySize", + "description": "Applying height,width related style, based on size property" + }, + { + "kind": "field", + "name": "tooltipElement", + "type": { + "text": "HTMLElement" + }, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "tooltip", + "type": { + "text": "string | undefined" + }, + "attribute": "tooltip", + "reflects": true, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "mouseEnter", + "type": { + "text": "() => void | undefined" + }, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "mouseLeave", + "type": { + "text": "() => void | undefined" + }, + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + }, + { + "kind": "field", + "name": "isMouseOver", + "type": { + "text": "boolean" + }, + "default": "false", + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + } + ], + "attributes": [ + { + "name": "size", + "type": { + "text": "FSpacerSizeProp | undefined" + }, + "default": "\"medium\"", + "fieldName": "size" + }, + { + "name": "tooltip", + "type": { + "text": "string | undefined" + }, + "fieldName": "tooltip", + "inheritedFrom": { + "name": "FRoot", + "module": "src/mixins/components/f-root/f-root.ts" + } + } + ], + "superclass": { + "name": "FRoot", + "module": "/src/mixins/components/f-root/f-root" + } + } + ], + "exports": [ + { + "kind": "js", + "name": "FSpacer", + "declaration": { + "name": "FSpacer", + "module": "src/components/f-spacer/f-spacer.ts" + } + } + ] + }, { "kind": "javascript-module", "path": "src/components/f-switch/f-switch.ts", @@ -11603,96 +11603,107 @@ }, { "kind": "javascript-module", - "path": "src/components/f-text-area/f-text-area.ts", + "path": "src/components/f-text/f-text.ts", "declarations": [ { "kind": "class", "description": "", - "name": "FTextArea", + "name": "FText", "members": [ { "kind": "field", - "name": "value", + "name": "fill", + "type": { + "text": "string" + }, + "default": "\"\"" + }, + { + "kind": "field", + "name": "variant", "type": { - "text": "string | undefined" + "text": "\"heading\" | \"para\" | \"code\" | undefined" }, - "attribute": "value", + "default": "\"para\"", + "attribute": "variant", "reflects": true }, { "kind": "field", - "name": "category", + "name": "size", "type": { - "text": "\"fill\" | \"transparent\" | \"outline\" | undefined" + "text": "\"x-large\" | \"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" }, - "default": "\"fill\"", - "attribute": "category", + "default": "\"medium\"", + "attribute": "size", "reflects": true }, { "kind": "field", - "name": "state", + "name": "weight", "type": { - "text": "FTextAreaState | undefined" + "text": "\"bold\" | \"medium\" | \"regular\" | undefined" }, - "default": "\"default\"", - "attribute": "state", + "attribute": "weight", "reflects": true }, { "kind": "field", - "name": "size", + "name": "highlight", "type": { - "text": "\"small\" | \"medium\" | undefined" + "text": "string | undefined" }, - "attribute": "size", + "attribute": "highlight", "reflects": true }, { "kind": "field", - "name": "rows", + "name": "state", "type": { - "text": "string | undefined" + "text": "FTextStateProp | undefined" }, - "attribute": "rows", + "default": "\"default\"", + "attribute": "state", "reflects": true }, { "kind": "field", - "name": "placeholder", + "name": "align", "type": { - "text": "string | undefined" + "text": "\"left\" | \"center\" | \"right\" | undefined" }, - "attribute": "placeholder", + "default": "\"left\"", + "attribute": "align", "reflects": true }, { "kind": "field", - "name": "maxLength", + "name": "inline", "type": { - "text": "string | undefined" + "text": "boolean | undefined" }, - "attribute": "max-length", + "default": "false", + "attribute": "inline", "reflects": true }, { "kind": "field", - "name": "resizable", + "name": "editable", "type": { "text": "boolean | undefined" }, "default": "false", - "attribute": "resizable", + "attribute": "editable", "reflects": true }, { "kind": "field", - "name": "clear", + "name": "loading", "type": { "text": "boolean | undefined" }, - "default": "true", - "attribute": "clear", + "default": "false", + "attribute": "loading", "reflects": true }, { @@ -11707,23 +11718,67 @@ }, { "kind": "field", - "name": "readOnly", + "name": "ellipsis", "type": { "text": "boolean | undefined" }, "default": "false", - "attribute": "read-only", + "attribute": "ellipsis", "reflects": true }, { "kind": "field", - "name": "maskValue", + "name": "defaultSlot", "type": { - "text": "boolean | undefined" + "text": "HTMLSlotElement" + } + }, + { + "kind": "field", + "name": "innerTextValue", + "type": { + "text": "HTMLDivElement" + } + }, + { + "kind": "field", + "name": "spanEditable", + "type": { + "text": "HTMLSpanElement" + } + }, + { + "kind": "field", + "name": "editTextIcon", + "type": { + "text": "HTMLDivElement" + } + }, + { + "kind": "field", + "name": "highlightedText", + "type": { + "text": "string | null" }, - "default": "false", - "attribute": "mask-value", - "reflects": true + "default": "null" + }, + { + "kind": "field", + "name": "isTextInput", + "type": { + "text": "boolean" + }, + "default": "false" + }, + { + "kind": "field", + "name": "iconSize", + "readonly": true + }, + { + "kind": "method", + "name": "validateProperties", + "description": "validation for all atrributes" }, { "kind": "method", @@ -11735,27 +11790,46 @@ "text": "InputEvent" } } - ], - "description": "emit event" + ] }, { "kind": "method", - "name": "replaceCharacter", + "name": "handleEdit" + }, + { + "kind": "method", + "name": "handleSubmit", "parameters": [ { - "name": "string", + "name": "e", "type": { - "text": "string" + "text": "MouseEvent" } - }, + } + ] + }, + { + "kind": "method", + "name": "editOnHover", + "parameters": [ { - "name": "index", + "name": "display", "type": { - "text": "number" + "text": "\"flex\" | \"none\"" } - }, + } + ] + }, + { + "kind": "method", + "name": "showEmptyPlaceholder" + }, + { + "kind": "method", + "name": "removeMarkTag", + "parameters": [ { - "name": "replacement", + "name": "str", "type": { "text": "string" } @@ -11764,25 +11838,19 @@ }, { "kind": "method", - "name": "clearValue", - "description": "clear value inside f-text-area on click of clear icon." + "name": "handleSlotChange" }, { "kind": "method", - "name": "applyStyles", + "name": "moveCursorToEnd", "parameters": [ { - "name": "parent", + "name": "el", "type": { - "text": "HTMLElement | \"\"" + "text": "HTMLSpanElement" } } - ], - "description": "apply styles" - }, - { - "kind": "method", - "name": "getDots" + ] }, { "kind": "field", @@ -11845,95 +11913,90 @@ ], "attributes": [ { - "name": "value", - "type": { - "text": "string | undefined" - }, - "fieldName": "value" - }, - { - "name": "category", + "name": "variant", "type": { - "text": "\"fill\" | \"transparent\" | \"outline\" | undefined" + "text": "\"heading\" | \"para\" | \"code\" | undefined" }, - "default": "\"fill\"", - "fieldName": "category" + "default": "\"para\"", + "fieldName": "variant" }, { - "name": "state", + "name": "size", "type": { - "text": "FTextAreaState | undefined" + "text": "\"x-large\" | \"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" }, - "default": "\"default\"", - "fieldName": "state" + "default": "\"medium\"", + "fieldName": "size" }, { - "name": "size", + "name": "weight", "type": { - "text": "\"small\" | \"medium\" | undefined" + "text": "\"bold\" | \"medium\" | \"regular\" | undefined" }, - "fieldName": "size" + "fieldName": "weight" }, { - "name": "rows", + "name": "highlight", "type": { "text": "string | undefined" }, - "fieldName": "rows" + "fieldName": "highlight" }, { - "name": "placeholder", + "name": "state", "type": { - "text": "string | undefined" + "text": "FTextStateProp | undefined" }, - "fieldName": "placeholder" + "default": "\"default\"", + "fieldName": "state" }, { - "name": "max-length", + "name": "align", "type": { - "text": "string | undefined" + "text": "\"left\" | \"center\" | \"right\" | undefined" }, - "fieldName": "maxLength" + "default": "\"left\"", + "fieldName": "align" }, { - "name": "resizable", + "name": "inline", "type": { "text": "boolean | undefined" }, "default": "false", - "fieldName": "resizable" + "fieldName": "inline" }, { - "name": "clear", + "name": "editable", "type": { "text": "boolean | undefined" }, - "default": "true", - "fieldName": "clear" + "default": "false", + "fieldName": "editable" }, { - "name": "disabled", + "name": "loading", "type": { "text": "boolean | undefined" }, "default": "false", - "fieldName": "disabled" + "fieldName": "loading" }, { - "name": "read-only", + "name": "disabled", "type": { "text": "boolean | undefined" }, "default": "false", - "fieldName": "readOnly" + "fieldName": "disabled" }, { - "name": "mask-value", + "name": "ellipsis", "type": { "text": "boolean | undefined" }, "default": "false", - "fieldName": "maskValue" + "fieldName": "ellipsis" }, { "name": "tooltip", @@ -11950,199 +12013,145 @@ "superclass": { "name": "FRoot", "module": "/src/mixins/components/f-root/f-root" - } + }, + "summary": "Text component includes Headings, titles, body texts and links." } ], "exports": [ { "kind": "js", - "name": "FTextArea", + "name": "FText", "declaration": { - "name": "FTextArea", - "module": "src/components/f-text-area/f-text-area.ts" + "name": "FText", + "module": "src/components/f-text/f-text.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/f-text/f-text.ts", + "path": "src/components/f-text-area/f-text-area.ts", "declarations": [ { "kind": "class", "description": "", - "name": "FText", + "name": "FTextArea", "members": [ { "kind": "field", - "name": "fill", + "name": "value", "type": { - "text": "string" + "text": "string | undefined" }, - "default": "\"\"" + "attribute": "value", + "reflects": true }, { "kind": "field", - "name": "variant", + "name": "category", "type": { - "text": "\"heading\" | \"para\" | \"code\" | undefined" + "text": "\"fill\" | \"transparent\" | \"outline\" | undefined" }, - "default": "\"para\"", - "attribute": "variant", + "default": "\"fill\"", + "attribute": "category", "reflects": true }, { "kind": "field", - "name": "size", + "name": "state", "type": { - "text": "\"x-large\" | \"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" + "text": "FTextAreaState | undefined" }, - "default": "\"medium\"", - "attribute": "size", + "default": "\"default\"", + "attribute": "state", "reflects": true }, { "kind": "field", - "name": "weight", + "name": "size", "type": { - "text": "\"bold\" | \"medium\" | \"regular\" | undefined" + "text": "\"small\" | \"medium\" | undefined" }, - "attribute": "weight", + "attribute": "size", "reflects": true }, { "kind": "field", - "name": "highlight", + "name": "rows", "type": { "text": "string | undefined" }, - "attribute": "highlight", + "attribute": "rows", "reflects": true }, { "kind": "field", - "name": "state", + "name": "placeholder", "type": { - "text": "FTextStateProp | undefined" + "text": "string | undefined" }, - "default": "\"default\"", - "attribute": "state", + "attribute": "placeholder", "reflects": true }, { "kind": "field", - "name": "align", + "name": "maxLength", "type": { - "text": "\"left\" | \"center\" | \"right\" | undefined" + "text": "string | undefined" }, - "default": "\"left\"", - "attribute": "align", + "attribute": "max-length", "reflects": true }, { "kind": "field", - "name": "inline", + "name": "resizable", "type": { "text": "boolean | undefined" }, "default": "false", - "attribute": "inline", + "attribute": "resizable", "reflects": true }, { "kind": "field", - "name": "editable", + "name": "clear", "type": { "text": "boolean | undefined" }, - "default": "false", - "attribute": "editable", + "default": "true", + "attribute": "clear", "reflects": true }, { "kind": "field", - "name": "loading", + "name": "disabled", "type": { "text": "boolean | undefined" }, "default": "false", - "attribute": "loading", + "attribute": "disabled", "reflects": true }, { "kind": "field", - "name": "disabled", + "name": "readOnly", "type": { "text": "boolean | undefined" }, "default": "false", - "attribute": "disabled", + "attribute": "read-only", "reflects": true }, { "kind": "field", - "name": "ellipsis", + "name": "maskValue", "type": { "text": "boolean | undefined" }, "default": "false", - "attribute": "ellipsis", + "attribute": "mask-value", "reflects": true }, - { - "kind": "field", - "name": "defaultSlot", - "type": { - "text": "HTMLSlotElement" - } - }, - { - "kind": "field", - "name": "innerTextValue", - "type": { - "text": "HTMLDivElement" - } - }, - { - "kind": "field", - "name": "spanEditable", - "type": { - "text": "HTMLSpanElement" - } - }, - { - "kind": "field", - "name": "editTextIcon", - "type": { - "text": "HTMLDivElement" - } - }, - { - "kind": "field", - "name": "highlightedText", - "type": { - "text": "string | null" - }, - "default": "null" - }, - { - "kind": "field", - "name": "isTextInput", - "type": { - "text": "boolean" - }, - "default": "false" - }, - { - "kind": "field", - "name": "iconSize", - "readonly": true - }, - { - "kind": "method", - "name": "validateProperties", - "description": "validation for all atrributes" - }, { "kind": "method", "name": "handleInput", @@ -12153,46 +12162,27 @@ "text": "InputEvent" } } - ] - }, - { - "kind": "method", - "name": "handleEdit" + ], + "description": "emit event" }, { "kind": "method", - "name": "handleSubmit", + "name": "replaceCharacter", "parameters": [ { - "name": "e", + "name": "string", "type": { - "text": "MouseEvent" + "text": "string" } - } - ] - }, - { - "kind": "method", - "name": "editOnHover", - "parameters": [ + }, { - "name": "display", + "name": "index", "type": { - "text": "\"flex\" | \"none\"" + "text": "number" } - } - ] - }, - { - "kind": "method", - "name": "showEmptyPlaceholder" - }, - { - "kind": "method", - "name": "removeMarkTag", - "parameters": [ + }, { - "name": "str", + "name": "replacement", "type": { "text": "string" } @@ -12201,19 +12191,25 @@ }, { "kind": "method", - "name": "handleSlotChange" + "name": "clearValue", + "description": "clear value inside f-text-area on click of clear icon." }, { "kind": "method", - "name": "moveCursorToEnd", + "name": "applyStyles", "parameters": [ { - "name": "el", + "name": "parent", "type": { - "text": "HTMLSpanElement" + "text": "HTMLElement | \"\"" } } - ] + ], + "description": "apply styles" + }, + { + "kind": "method", + "name": "getDots" }, { "kind": "field", @@ -12276,90 +12272,95 @@ ], "attributes": [ { - "name": "variant", + "name": "value", "type": { - "text": "\"heading\" | \"para\" | \"code\" | undefined" + "text": "string | undefined" }, - "default": "\"para\"", - "fieldName": "variant" + "fieldName": "value" }, { - "name": "size", + "name": "category", "type": { - "text": "\"x-large\" | \"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" + "text": "\"fill\" | \"transparent\" | \"outline\" | undefined" }, - "default": "\"medium\"", - "fieldName": "size" + "default": "\"fill\"", + "fieldName": "category" }, { - "name": "weight", + "name": "state", "type": { - "text": "\"bold\" | \"medium\" | \"regular\" | undefined" + "text": "FTextAreaState | undefined" }, - "fieldName": "weight" + "default": "\"default\"", + "fieldName": "state" }, { - "name": "highlight", + "name": "size", + "type": { + "text": "\"small\" | \"medium\" | undefined" + }, + "fieldName": "size" + }, + { + "name": "rows", "type": { "text": "string | undefined" }, - "fieldName": "highlight" + "fieldName": "rows" }, { - "name": "state", + "name": "placeholder", "type": { - "text": "FTextStateProp | undefined" + "text": "string | undefined" }, - "default": "\"default\"", - "fieldName": "state" + "fieldName": "placeholder" }, { - "name": "align", + "name": "max-length", "type": { - "text": "\"left\" | \"center\" | \"right\" | undefined" + "text": "string | undefined" }, - "default": "\"left\"", - "fieldName": "align" + "fieldName": "maxLength" }, { - "name": "inline", + "name": "resizable", "type": { "text": "boolean | undefined" }, "default": "false", - "fieldName": "inline" + "fieldName": "resizable" }, { - "name": "editable", + "name": "clear", "type": { "text": "boolean | undefined" }, - "default": "false", - "fieldName": "editable" + "default": "true", + "fieldName": "clear" }, { - "name": "loading", + "name": "disabled", "type": { "text": "boolean | undefined" }, "default": "false", - "fieldName": "loading" + "fieldName": "disabled" }, { - "name": "disabled", + "name": "read-only", "type": { "text": "boolean | undefined" }, "default": "false", - "fieldName": "disabled" + "fieldName": "readOnly" }, { - "name": "ellipsis", + "name": "mask-value", "type": { "text": "boolean | undefined" }, "default": "false", - "fieldName": "ellipsis" + "fieldName": "maskValue" }, { "name": "tooltip", @@ -12376,17 +12377,16 @@ "superclass": { "name": "FRoot", "module": "/src/mixins/components/f-root/f-root" - }, - "summary": "Text component includes Headings, titles, body texts and links." + } } ], "exports": [ { "kind": "js", - "name": "FText", + "name": "FTextArea", "declaration": { - "name": "FText", - "module": "src/components/f-text/f-text.ts" + "name": "FTextArea", + "module": "src/components/f-text-area/f-text-area.ts" } } ] diff --git a/packages/flow-table/CHANGELOG.md b/packages/flow-table/CHANGELOG.md index a5a9076ba..b00e1da04 100644 --- a/packages/flow-table/CHANGELOG.md +++ b/packages/flow-table/CHANGELOG.md @@ -3,7 +3,12 @@ # Change Log +## [1.3.4] - 2023-10-05 +### Bug Fixes + +- `f-tcell` : options are aligned in middle. +- `f-table-schema` : string sort issue fixed. ## [1.3.3] - 2023-09-29 ### Bug Fixes diff --git a/packages/flow-table/package.json b/packages/flow-table/package.json index 03d5eb3d6..bf8581509 100644 --- a/packages/flow-table/package.json +++ b/packages/flow-table/package.json @@ -1,6 +1,6 @@ { "name": "@cldcvr/flow-table", - "version": "1.3.3", + "version": "1.3.4", "description": "Table component for flow library", "module": "dist/flow-table.es.js", "main": "dist/flow-table.cjs.js", diff --git a/packages/flow-table/src/components/f-table-schema/f-table-schema.ts b/packages/flow-table/src/components/f-table-schema/f-table-schema.ts index 9483bbc64..3db5ec859 100644 --- a/packages/flow-table/src/components/f-table-schema/f-table-schema.ts +++ b/packages/flow-table/src/components/f-table-schema/f-table-schema.ts @@ -329,10 +329,10 @@ export class FTableSchema extends FRoot { } if (typeof columnA === "string" && typeof columnB === "string") { - if (columnA < columnB) { + if (columnA.trim().toLocaleLowerCase() < columnB.trim().toLocaleLowerCase()) { return this.sortOrder === "asc" ? -1 : 1; } - if (columnA > columnB) { + if (columnA.trim().toLocaleLowerCase() > columnB.trim().toLocaleLowerCase()) { return this.sortOrder === "asc" ? 1 : -1; } return 0; diff --git a/packages/flow-table/src/components/f-tcell/f-tcell.ts b/packages/flow-table/src/components/f-tcell/f-tcell.ts index 6ef5146b3..c468dfbdd 100644 --- a/packages/flow-table/src/components/f-tcell/f-tcell.ts +++ b/packages/flow-table/src/components/f-tcell/f-tcell.ts @@ -125,7 +125,13 @@ export class FTcell extends FRoot { > ` : nothing} - + ${this.renderActions()} ${this.expandIcon && this.expandIconPosition === "right" ? html`