From d08604cdc3f70398407c6a0e87174b234393ccf7 Mon Sep 17 00:00:00 2001 From: Mayank fulera Date: Tue, 25 Jul 2023 21:20:15 +0530 Subject: [PATCH] fix --- packages/flow-core/custom-elements.json | 1178 +++++++++-------- packages/flow-core/html.html-data.json | 2 +- .../src/components/f-pictogram/f-pictogram.ts | 11 +- 3 files changed, 601 insertions(+), 590 deletions(-) diff --git a/packages/flow-core/custom-elements.json b/packages/flow-core/custom-elements.json index 9fdef6d39..f60d8e883 100644 --- a/packages/flow-core/custom-elements.json +++ b/packages/flow-core/custom-elements.json @@ -1169,196 +1169,173 @@ }, { "kind": "javascript-module", - "path": "src/components/f-carousel/f-carousel.ts", + "path": "src/components/f-button/f-button.ts", "declarations": [ { "kind": "class", "description": "", - "name": "FCarousel", + "name": "FButton", "members": [ { "kind": "field", - "name": "activeContentId", + "name": "fill", "type": { - "text": "string | undefined" + "text": "string" }, - "attribute": "active-content-id" + "default": "\"\"" }, { "kind": "field", - "name": "autoPlay", + "name": "label", "type": { - "text": "boolean | undefined" + "text": "string" }, - "attribute": "auto-play" + "attribute": "label" }, { "kind": "field", - "name": "autoPlayInterval", + "name": "category", "type": { - "text": "number | undefined" + "text": "\"fill\" | \"outline\" | \"transparent\" | undefined" }, - "attribute": "auto-play-interval" + "default": "\"fill\"", + "attribute": "category", + "reflects": true }, { "kind": "field", - "name": "slides", + "name": "size", "type": { - "text": "HTMLElement" - } + "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" + }, + "default": "\"medium\"", + "attribute": "size", + "reflects": true }, { "kind": "field", - "name": "slider", + "name": "state", "type": { - "text": "HTMLElement" - } + "text": "FButtonState | undefined" + }, + "default": "\"primary\"", + "attribute": "state", + "reflects": true }, { "kind": "field", - "name": "dots", + "name": "variant", "type": { - "text": "HTMLElement" - } + "text": "\"round\" | \"curved\" | \"block\" | undefined" + }, + "default": "\"round\"", + "attribute": "variant", + "reflects": true }, { "kind": "field", - "name": "nextArrow", + "name": "iconLeft", "type": { - "text": "FIcon" - } + "text": "string | undefined" + }, + "attribute": "icon-left", + "reflects": true }, { "kind": "field", - "name": "progress", + "name": "iconRight", "type": { - "text": "FDiv | undefined" - } + "text": "string | undefined" + }, + "attribute": "icon-right", + "reflects": true }, { "kind": "field", - "name": "prevArrow", + "name": "counter", "type": { - "text": "FIcon" - } + "text": "string | undefined" + }, + "attribute": "counter", + "reflects": true }, { "kind": "field", - "name": "activeSlide", + "name": "loading", "type": { - "text": "HTMLElement | null | undefined" - } + "text": "boolean | undefined" + }, + "default": "false", + "attribute": "loading", + "reflects": true }, { "kind": "field", - "name": "slideElements", + "name": "disabled", "type": { - "text": "NodeListOf | undefined" - } - }, - { - "kind": "method", - "name": "handleNavigation", - "parameters": [ - { - "name": "type", - "default": "\"next\"", - "type": { - "text": "\"next\" | \"prev\"" - } - } - ] - }, - { - "kind": "method", - "name": "handleTransitionEnd" - }, - { - "kind": "method", - "name": "removeClonnedSlides" + "text": "boolean | undefined" + }, + "default": "false", + "attribute": "disabled", + "reflects": true }, { - "kind": "method", - "name": "checkAutoPlay" + "kind": "field", + "name": "labelWrap", + "type": { + "text": "boolean | undefined" + }, + "default": "false", + "attribute": "label-wrap", + "reflects": true }, { - "kind": "method", - "name": "handleProgressEnd" + "kind": "field", + "name": "iconElement", + "type": { + "text": "FIcon" + }, + "description": "icon element reference" }, { - "kind": "method", - "name": "emitNavigationEvent", - "parameters": [ - { - "name": "type", - "type": { - "text": "\"next\" | \"prev\"" - } - }, - { - "name": "contentId", - "type": { - "text": "string" - } - } - ] + "kind": "field", + "name": "counterElement", + "type": { + "text": "FCounter | undefined" + }, + "description": "counter element reference" }, { - "kind": "method", - "name": "jumpTo", - "parameters": [ - { - "name": "contentId", - "type": { - "text": "string" - } - } - ] + "kind": "field", + "name": "counterSize", + "description": "compute counter size based on button size", + "readonly": true }, { - "kind": "method", - "name": "getSlideIndex", - "parameters": [ - { - "name": "slide", - "type": { - "text": "HTMLElement" - } - } - ] + "kind": "field", + "name": "textColor", + "description": "compute textColor when custom color of tag is defined.", + "readonly": true }, { - "kind": "method", - "name": "slideTransition", - "parameters": [ - { - "name": "slideIndex", - "type": { - "text": "number" - } - }, - { - "name": "duration", - "default": "0.3" - } - ] + "kind": "field", + "name": "required", + "type": { + "text": "array" + }, + "readonly": true, + "default": "[\"label\"]", + "description": "mention required fields here for generating vue types" }, { "kind": "method", - "name": "renderDots" + "name": "validateProperties", + "description": "validation for all atrributes" }, { "kind": "method", - "name": "updateDots", - "parameters": [ - { - "name": "activeIndex", - "default": "null", - "type": { - "text": "number | null" - } - } - ] + "name": "applyStyles", + "description": "apply inline styles to shadow-dom for custom fill." }, { "kind": "field", @@ -1409,239 +1386,311 @@ ], "attributes": [ { - "name": "active-content-id", + "name": "label", "type": { - "text": "string | undefined" + "text": "string" }, - "fieldName": "activeContentId" + "fieldName": "label" }, { - "name": "auto-play", + "name": "category", "type": { - "text": "boolean | undefined" + "text": "\"fill\" | \"outline\" | \"transparent\" | undefined" }, - "fieldName": "autoPlay" + "default": "\"fill\"", + "fieldName": "category" }, { - "name": "auto-play-interval", + "name": "size", "type": { - "text": "number | undefined" + "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" }, - "fieldName": "autoPlayInterval" + "default": "\"medium\"", + "fieldName": "size" }, { - "name": "tooltip", + "name": "state", "type": { - "text": "string | undefined" + "text": "FButtonState | 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": "FCarousel", - "declaration": { - "name": "FCarousel", - "module": "src/components/f-carousel/f-carousel.ts" - } + "default": "\"primary\"", + "fieldName": "state" + }, + { + "name": "variant", + "type": { + "text": "\"round\" | \"curved\" | \"block\" | undefined" + }, + "default": "\"round\"", + "fieldName": "variant" + }, + { + "name": "icon-left", + "type": { + "text": "string | undefined" + }, + "fieldName": "iconLeft" + }, + { + "name": "icon-right", + "type": { + "text": "string | undefined" + }, + "fieldName": "iconRight" + }, + { + "name": "counter", + "type": { + "text": "string | undefined" + }, + "fieldName": "counter" + }, + { + "name": "loading", + "type": { + "text": "boolean | undefined" + }, + "default": "false", + "fieldName": "loading" + }, + { + "name": "disabled", + "type": { + "text": "boolean | undefined" + }, + "default": "false", + "fieldName": "disabled" + }, + { + "name": "label-wrap", + "type": { + "text": "boolean | undefined" + }, + "default": "false", + "fieldName": "labelWrap" + }, + { + "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": "Buttons allow users to perform an action or to initiate a new function." } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/f-carousel/i-fcarousel-example.ts", - "declarations": [], + ], "exports": [ { "kind": "js", - "name": "default", + "name": "FButton", "declaration": { - "name": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", - "module": "src/components/f-carousel/i-fcarousel-example.ts" + "name": "FButton", + "module": "src/components/f-button/f-button.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/f-button/f-button.ts", + "path": "src/components/f-carousel/f-carousel.ts", "declarations": [ { "kind": "class", "description": "", - "name": "FButton", + "name": "FCarousel", "members": [ { "kind": "field", - "name": "fill", + "name": "activeContentId", "type": { - "text": "string" + "text": "string | undefined" }, - "default": "\"\"" + "attribute": "active-content-id" }, { "kind": "field", - "name": "label", + "name": "autoPlay", "type": { - "text": "string" + "text": "boolean | undefined" }, - "attribute": "label" + "attribute": "auto-play" }, { "kind": "field", - "name": "category", + "name": "autoPlayInterval", "type": { - "text": "\"fill\" | \"outline\" | \"transparent\" | undefined" + "text": "number | undefined" }, - "default": "\"fill\"", - "attribute": "category", - "reflects": true + "attribute": "auto-play-interval" }, { "kind": "field", - "name": "size", + "name": "slides", "type": { - "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" - }, - "default": "\"medium\"", - "attribute": "size", - "reflects": true + "text": "HTMLElement" + } }, { "kind": "field", - "name": "state", + "name": "slider", "type": { - "text": "FButtonState | undefined" - }, - "default": "\"primary\"", - "attribute": "state", - "reflects": true + "text": "HTMLElement" + } }, { "kind": "field", - "name": "variant", + "name": "dots", "type": { - "text": "\"round\" | \"curved\" | \"block\" | undefined" - }, - "default": "\"round\"", - "attribute": "variant", - "reflects": true + "text": "HTMLElement" + } }, { "kind": "field", - "name": "iconLeft", + "name": "nextArrow", "type": { - "text": "string | undefined" - }, - "attribute": "icon-left", - "reflects": true + "text": "FIcon" + } }, { "kind": "field", - "name": "iconRight", + "name": "progress", "type": { - "text": "string | undefined" - }, - "attribute": "icon-right", - "reflects": true + "text": "FDiv | undefined" + } }, { "kind": "field", - "name": "counter", + "name": "prevArrow", "type": { - "text": "string | undefined" - }, - "attribute": "counter", - "reflects": true + "text": "FIcon" + } }, { "kind": "field", - "name": "loading", + "name": "activeSlide", "type": { - "text": "boolean | undefined" - }, - "default": "false", - "attribute": "loading", - "reflects": true + "text": "HTMLElement | null | undefined" + } }, { "kind": "field", - "name": "disabled", + "name": "slideElements", "type": { - "text": "boolean | undefined" - }, - "default": "false", - "attribute": "disabled", - "reflects": true + "text": "NodeListOf | undefined" + } }, { - "kind": "field", - "name": "labelWrap", - "type": { - "text": "boolean | undefined" - }, - "default": "false", - "attribute": "label-wrap", - "reflects": true + "kind": "method", + "name": "handleNavigation", + "parameters": [ + { + "name": "type", + "default": "\"next\"", + "type": { + "text": "\"next\" | \"prev\"" + } + } + ] }, { - "kind": "field", - "name": "iconElement", - "type": { - "text": "FIcon" - }, - "description": "icon element reference" + "kind": "method", + "name": "handleTransitionEnd" }, { - "kind": "field", - "name": "counterElement", - "type": { - "text": "FCounter | undefined" - }, - "description": "counter element reference" + "kind": "method", + "name": "removeClonnedSlides" }, { - "kind": "field", - "name": "counterSize", - "description": "compute counter size based on button size", - "readonly": true + "kind": "method", + "name": "checkAutoPlay" }, { - "kind": "field", - "name": "textColor", - "description": "compute textColor when custom color of tag is defined.", - "readonly": true + "kind": "method", + "name": "handleProgressEnd" }, { - "kind": "field", - "name": "required", - "type": { - "text": "array" - }, - "readonly": true, - "default": "[\"label\"]", - "description": "mention required fields here for generating vue types" + "kind": "method", + "name": "emitNavigationEvent", + "parameters": [ + { + "name": "type", + "type": { + "text": "\"next\" | \"prev\"" + } + }, + { + "name": "contentId", + "type": { + "text": "string" + } + } + ] }, { "kind": "method", - "name": "validateProperties", - "description": "validation for all atrributes" + "name": "jumpTo", + "parameters": [ + { + "name": "contentId", + "type": { + "text": "string" + } + } + ] }, { "kind": "method", - "name": "applyStyles", - "description": "apply inline styles to shadow-dom for custom fill." + "name": "getSlideIndex", + "parameters": [ + { + "name": "slide", + "type": { + "text": "HTMLElement" + } + } + ] + }, + { + "kind": "method", + "name": "slideTransition", + "parameters": [ + { + "name": "slideIndex", + "type": { + "text": "number" + } + }, + { + "name": "duration", + "default": "0.3" + } + ] + }, + { + "kind": "method", + "name": "renderDots" + }, + { + "kind": "method", + "name": "updateDots", + "parameters": [ + { + "name": "activeIndex", + "default": "null", + "type": { + "text": "number | null" + } + } + ] }, { "kind": "field", @@ -1692,88 +1741,25 @@ ], "attributes": [ { - "name": "label", - "type": { - "text": "string" - }, - "fieldName": "label" - }, - { - "name": "category", - "type": { - "text": "\"fill\" | \"outline\" | \"transparent\" | undefined" - }, - "default": "\"fill\"", - "fieldName": "category" - }, - { - "name": "size", - "type": { - "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" - }, - "default": "\"medium\"", - "fieldName": "size" - }, - { - "name": "state", - "type": { - "text": "FButtonState | undefined" - }, - "default": "\"primary\"", - "fieldName": "state" - }, - { - "name": "variant", - "type": { - "text": "\"round\" | \"curved\" | \"block\" | undefined" - }, - "default": "\"round\"", - "fieldName": "variant" - }, - { - "name": "icon-left", - "type": { - "text": "string | undefined" - }, - "fieldName": "iconLeft" - }, - { - "name": "icon-right", - "type": { - "text": "string | undefined" - }, - "fieldName": "iconRight" - }, - { - "name": "counter", + "name": "active-content-id", "type": { "text": "string | undefined" }, - "fieldName": "counter" - }, - { - "name": "loading", - "type": { - "text": "boolean | undefined" - }, - "default": "false", - "fieldName": "loading" + "fieldName": "activeContentId" }, { - "name": "disabled", + "name": "auto-play", "type": { "text": "boolean | undefined" }, - "default": "false", - "fieldName": "disabled" + "fieldName": "autoPlay" }, { - "name": "label-wrap", + "name": "auto-play-interval", "type": { - "text": "boolean | undefined" + "text": "number | undefined" }, - "default": "false", - "fieldName": "labelWrap" + "fieldName": "autoPlayInterval" }, { "name": "tooltip", @@ -1790,17 +1776,31 @@ "superclass": { "name": "FRoot", "module": "/src/mixins/components/f-root/f-root" - }, - "summary": "Buttons allow users to perform an action or to initiate a new function." + } } ], "exports": [ { "kind": "js", - "name": "FButton", + "name": "FCarousel", + "declaration": { + "name": "FCarousel", + "module": "src/components/f-carousel/f-carousel.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/f-carousel/i-fcarousel-example.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "default", "declaration": { - "name": "FButton", - "module": "src/components/f-button/f-button.ts" + "name": "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", + "module": "src/components/f-carousel/i-fcarousel-example.ts" } } ] @@ -4130,6 +4130,129 @@ } ] }, + { + "kind": "javascript-module", + "path": "src/components/f-form/f-form.ts", + "declarations": [ + { + "kind": "class", + "description": "", + "name": "FForm", + "members": [ + { + "kind": "field", + "name": "gap", + "type": { + "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" + }, + "default": "\"medium\"", + "attribute": "gap", + "reflects": true + }, + { + "kind": "field", + "name": "separator", + "type": { + "text": "boolean | undefined" + }, + "default": "false", + "attribute": "separator", + "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" + } + } + ], + "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", @@ -4628,149 +4751,27 @@ "fieldName": "state" }, { - "name": "max-size", - "type": { - "text": "FFileUploadSizeProp | undefined" - }, - "fieldName": "maxSize" - }, - { - "name": "disabled", - "type": { - "text": "boolean | undefined" - }, - "default": "false", - "fieldName": "disabled" - }, - { - "name": "loading", - "type": { - "text": "boolean | undefined" - }, - "default": "false", - "fieldName": "loading" - }, - { - "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": "FFileUpload", - "declaration": { - "name": "FFileUpload", - "module": "src/components/f-file-upload/f-file-upload.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/f-form/f-form.ts", - "declarations": [ - { - "kind": "class", - "description": "", - "name": "FForm", - "members": [ - { - "kind": "field", - "name": "gap", - "type": { - "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" - }, - "default": "\"medium\"", - "attribute": "gap", - "reflects": true - }, - { - "kind": "field", - "name": "separator", - "type": { - "text": "boolean | undefined" - }, - "default": "false", - "attribute": "separator", - "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" - } - } - ], - "attributes": [ + "name": "max-size", + "type": { + "text": "FFileUploadSizeProp | undefined" + }, + "fieldName": "maxSize" + }, { - "name": "gap", + "name": "disabled", "type": { - "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" + "text": "boolean | undefined" }, - "default": "\"medium\"", - "fieldName": "gap" + "default": "false", + "fieldName": "disabled" }, { - "name": "separator", + "name": "loading", "type": { "text": "boolean | undefined" }, "default": "false", - "fieldName": "separator" + "fieldName": "loading" }, { "name": "tooltip", @@ -4787,17 +4788,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": "FForm", + "name": "FFileUpload", "declaration": { - "name": "FForm", - "module": "src/components/f-form/f-form.ts" + "name": "FFileUpload", + "module": "src/components/f-file-upload/f-file-upload.ts" } } ] @@ -6307,6 +6307,14 @@ "attribute": "auto-bg", "reflects": true }, + { + "kind": "field", + "name": "isText", + "type": { + "text": "boolean" + }, + "default": "false" + }, { "kind": "field", "name": "colors", @@ -6904,75 +6912,94 @@ }, { "kind": "javascript-module", - "path": "src/components/f-radio/f-radio.ts", + "path": "src/components/f-progress-bar/f-progress-bar.ts", "declarations": [ { "kind": "class", "description": "", - "name": "FRadio", + "name": "FProgressBar", "members": [ { "kind": "field", "name": "value", "type": { - "text": "\"selected\" | \"unselected\" | undefined" + "text": "FProgressBarValueProp | undefined" }, - "default": "\"unselected\"", "attribute": "value", "reflects": true }, { "kind": "field", - "name": "state", + "name": "variant", "type": { - "text": "FRadioState | undefined" + "text": "\"block\" | \"curved\" | undefined" }, - "default": "\"default\"", - "attribute": "state", + "default": "\"block\"", + "attribute": "variant", "reflects": true }, { "kind": "field", "name": "size", "type": { - "text": "\"small\" | \"medium\" | undefined" + "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" }, + "default": "\"medium\"", "attribute": "size", "reflects": true }, { "kind": "field", - "name": "disabled", + "name": "state", "type": { - "text": "boolean | undefined" + "text": "FProgressBarState | undefined" }, - "default": "false", - "attribute": "disabled", + "default": "\"default\"", + "attribute": "state", "reflects": true }, { "kind": "field", - "name": "slotWrapper", + "name": "width", "type": { - "text": "FDiv" - } + "text": "FProgressBarWidthProp | undefined" + }, + "default": "\"fill-container\"", + "attribute": "width", + "reflects": true }, { - "kind": "method", - "name": "handleClick", - "parameters": [ - { - "name": "e", - "type": { - "text": "MouseEvent" - } - } - ], - "description": "emit event on click" + "kind": "field", + "name": "fProgressBarFill", + "type": { + "text": "FDiv | undefined" + }, + "description": "progress-bar fill query selector" + }, + { + "kind": "field", + "name": "computedHeight", + "description": "compyr height of the progress-bar", + "readonly": true + }, + { + "kind": "field", + "name": "computedWidth", + "description": "compute width of fill in the track", + "readonly": true }, { "kind": "method", - "name": "checkSlots" + "name": "validateProperties", + "description": "validation for all atrributes" + }, + { + "kind": "field", + "name": "fill", + "type": { + "text": "string" + }, + "default": "\"\"" }, { "kind": "field", @@ -7025,33 +7052,41 @@ { "name": "value", "type": { - "text": "\"selected\" | \"unselected\" | undefined" + "text": "FProgressBarValueProp | undefined" }, - "default": "\"unselected\"", "fieldName": "value" }, { - "name": "state", + "name": "variant", "type": { - "text": "FRadioState | undefined" + "text": "\"block\" | \"curved\" | undefined" }, - "default": "\"default\"", - "fieldName": "state" + "default": "\"block\"", + "fieldName": "variant" }, { "name": "size", "type": { - "text": "\"small\" | \"medium\" | undefined" + "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" }, + "default": "\"medium\"", "fieldName": "size" }, { - "name": "disabled", + "name": "state", "type": { - "text": "boolean | undefined" + "text": "FProgressBarState | undefined" }, - "default": "false", - "fieldName": "disabled" + "default": "\"default\"", + "fieldName": "state" + }, + { + "name": "width", + "type": { + "text": "FProgressBarWidthProp | undefined" + }, + "default": "\"fill-container\"", + "fieldName": "width" }, { "name": "tooltip", @@ -7074,104 +7109,85 @@ "exports": [ { "kind": "js", - "name": "FRadio", + "name": "FProgressBar", "declaration": { - "name": "FRadio", - "module": "src/components/f-radio/f-radio.ts" + "name": "FProgressBar", + "module": "src/components/f-progress-bar/f-progress-bar.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/f-progress-bar/f-progress-bar.ts", + "path": "src/components/f-radio/f-radio.ts", "declarations": [ { "kind": "class", "description": "", - "name": "FProgressBar", + "name": "FRadio", "members": [ { "kind": "field", "name": "value", "type": { - "text": "FProgressBarValueProp | undefined" + "text": "\"selected\" | \"unselected\" | undefined" }, + "default": "\"unselected\"", "attribute": "value", "reflects": true }, { "kind": "field", - "name": "variant", + "name": "state", "type": { - "text": "\"block\" | \"curved\" | undefined" + "text": "FRadioState | undefined" }, - "default": "\"block\"", - "attribute": "variant", + "default": "\"default\"", + "attribute": "state", "reflects": true }, { "kind": "field", "name": "size", "type": { - "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" + "text": "\"small\" | \"medium\" | undefined" }, - "default": "\"medium\"", "attribute": "size", "reflects": true }, { "kind": "field", - "name": "state", - "type": { - "text": "FProgressBarState | undefined" - }, - "default": "\"default\"", - "attribute": "state", - "reflects": true - }, - { - "kind": "field", - "name": "width", + "name": "disabled", "type": { - "text": "FProgressBarWidthProp | undefined" + "text": "boolean | undefined" }, - "default": "\"fill-container\"", - "attribute": "width", + "default": "false", + "attribute": "disabled", "reflects": true }, { "kind": "field", - "name": "fProgressBarFill", + "name": "slotWrapper", "type": { - "text": "FDiv | undefined" - }, - "description": "progress-bar fill query selector" - }, - { - "kind": "field", - "name": "computedHeight", - "description": "compyr height of the progress-bar", - "readonly": true - }, - { - "kind": "field", - "name": "computedWidth", - "description": "compute width of fill in the track", - "readonly": true + "text": "FDiv" + } }, { "kind": "method", - "name": "validateProperties", - "description": "validation for all atrributes" + "name": "handleClick", + "parameters": [ + { + "name": "e", + "type": { + "text": "MouseEvent" + } + } + ], + "description": "emit event on click" }, { - "kind": "field", - "name": "fill", - "type": { - "text": "string" - }, - "default": "\"\"" + "kind": "method", + "name": "checkSlots" }, { "kind": "field", @@ -7224,41 +7240,33 @@ { "name": "value", "type": { - "text": "FProgressBarValueProp | undefined" + "text": "\"selected\" | \"unselected\" | undefined" }, + "default": "\"unselected\"", "fieldName": "value" }, { - "name": "variant", + "name": "state", "type": { - "text": "\"block\" | \"curved\" | undefined" + "text": "FRadioState | undefined" }, - "default": "\"block\"", - "fieldName": "variant" + "default": "\"default\"", + "fieldName": "state" }, { "name": "size", "type": { - "text": "\"large\" | \"medium\" | \"small\" | \"x-small\" | undefined" + "text": "\"small\" | \"medium\" | undefined" }, - "default": "\"medium\"", "fieldName": "size" }, { - "name": "state", - "type": { - "text": "FProgressBarState | undefined" - }, - "default": "\"default\"", - "fieldName": "state" - }, - { - "name": "width", + "name": "disabled", "type": { - "text": "FProgressBarWidthProp | undefined" + "text": "boolean | undefined" }, - "default": "\"fill-container\"", - "fieldName": "width" + "default": "false", + "fieldName": "disabled" }, { "name": "tooltip", @@ -7281,10 +7289,10 @@ "exports": [ { "kind": "js", - "name": "FProgressBar", + "name": "FRadio", "declaration": { - "name": "FProgressBar", - "module": "src/components/f-progress-bar/f-progress-bar.ts" + "name": "FRadio", + "module": "src/components/f-radio/f-radio.ts" } } ] diff --git a/packages/flow-core/html.html-data.json b/packages/flow-core/html.html-data.json index 1f6ec4be9..6c635f331 100644 --- a/packages/flow-core/html.html-data.json +++ b/packages/flow-core/html.html-data.json @@ -6275,7 +6275,7 @@ }, { "name": "f-pictogram", - "description": "Attributes:\n\n * `variant` {`\"circle\" | \"square\" | \"hexagon\" | \"squircle\" | undefined`} - \n\n * `source` {`string`} - \n\n * `size` {`\"small\" | \"medium\" | \"large\" | \"x-large\" | undefined`} - \n\n * `state` {`\"primary\" | \"success\" | \"warning\" | \"danger\" | \"inherit\" | \"default\" | undefined`} - \n\n * `loading` {`boolean | undefined`} - \n\n * `disabled` {`boolean | undefined`} - \n\n * `clickable` {`boolean | undefined`} - \n\n * `auto-bg` {`boolean`} - \n\n * `tooltip` {`string | undefined`} - \n\nProperties:\n\n * `variant` {`\"circle\" | \"square\" | \"hexagon\" | \"squircle\" | undefined`} - \n\n * `source` {`string`} - \n\n * `size` {`\"small\" | \"medium\" | \"large\" | \"x-large\" | undefined`} - \n\n * `state` {`\"primary\" | \"success\" | \"warning\" | \"danger\" | \"inherit\" | \"default\" | undefined`} - \n\n * `loading` {`boolean | undefined`} - \n\n * `disabled` {`boolean | undefined`} - \n\n * `fPicorgramWrapper` {`HTMLDivElement`} - \n\n * `clickable` {`boolean | undefined`} - \n\n * `autoBg` {`boolean`} - \n\n * `colors` {`string[]`} - \n\n * `getLetters` {`string`} - \n\n * `textSource` {`string`} - \n\n * `textColor` {`\"#202a36\" | \"#fcfcfd\"`} - \n\n * `textColorStyling` {`string`} - \n\n * `renderedHtml` {`string`} - \n\n * `styles` {`CSSResult[]`} - css loaded from scss file\n\n * `tooltipElement` {`HTMLElement`} - \n\n * `tooltip` {`string | undefined`} - \n\n * `mouseEnter` - \n\n * `mouseLeave` - ", + "description": "Attributes:\n\n * `variant` {`\"circle\" | \"square\" | \"hexagon\" | \"squircle\" | undefined`} - \n\n * `source` {`string`} - \n\n * `size` {`\"small\" | \"medium\" | \"large\" | \"x-large\" | undefined`} - \n\n * `state` {`\"primary\" | \"success\" | \"warning\" | \"danger\" | \"inherit\" | \"default\" | undefined`} - \n\n * `loading` {`boolean | undefined`} - \n\n * `disabled` {`boolean | undefined`} - \n\n * `clickable` {`boolean | undefined`} - \n\n * `auto-bg` {`boolean`} - \n\n * `tooltip` {`string | undefined`} - \n\nProperties:\n\n * `variant` {`\"circle\" | \"square\" | \"hexagon\" | \"squircle\" | undefined`} - \n\n * `source` {`string`} - \n\n * `size` {`\"small\" | \"medium\" | \"large\" | \"x-large\" | undefined`} - \n\n * `state` {`\"primary\" | \"success\" | \"warning\" | \"danger\" | \"inherit\" | \"default\" | undefined`} - \n\n * `loading` {`boolean | undefined`} - \n\n * `disabled` {`boolean | undefined`} - \n\n * `fPicorgramWrapper` {`HTMLDivElement`} - \n\n * `clickable` {`boolean | undefined`} - \n\n * `autoBg` {`boolean`} - \n\n * `isText` {`boolean`} - \n\n * `colors` {`string[]`} - \n\n * `getLetters` {`string`} - \n\n * `textSource` {`string`} - \n\n * `textColor` {`\"#202a36\" | \"#fcfcfd\"`} - \n\n * `textColorStyling` {`string`} - \n\n * `renderedHtml` {`string`} - \n\n * `styles` {`CSSResult[]`} - css loaded from scss file\n\n * `tooltipElement` {`HTMLElement`} - \n\n * `tooltip` {`string | undefined`} - \n\n * `mouseEnter` - \n\n * `mouseLeave` - ", "attributes": [ { "name": "variant", diff --git a/packages/flow-core/src/components/f-pictogram/f-pictogram.ts b/packages/flow-core/src/components/f-pictogram/f-pictogram.ts index 1e69da09c..ee3e11d9a 100644 --- a/packages/flow-core/src/components/f-pictogram/f-pictogram.ts +++ b/packages/flow-core/src/components/f-pictogram/f-pictogram.ts @@ -72,6 +72,8 @@ export class FPictogram extends FRoot { @property({ reflect: true, type: Boolean, attribute: "auto-bg" }) autoBg = false; + isText = false; + colors = [ "#FFB900", "#D83B01", @@ -145,15 +147,15 @@ export class FPictogram extends FRoot { get renderedHtml() { const emojiRegex = /\p{Extended_Pictographic}/u; if (isValidHttpUrl(this.source)) { - this.autoBg = false; + this.isText = false; return ``; } else if (emojiRegex.test(this.source)) { - this.autoBg = false; + this.isText = false; return ``; } else { - this.autoBg = false; + this.isText = false; const IconPack = ConfigUtil.getConfig().iconPack; if (IconPack) { const svg = IconPack[this.source]; @@ -164,6 +166,7 @@ export class FPictogram extends FRoot { } } } + this.isText = true; return `

${this.textSource}

`; } // calculating computed source size according to the user input size @@ -259,7 +262,7 @@ export class FPictogram extends FRoot { changedProperties: PropertyValueMap | Map ): Promise { super.updated(changedProperties); - if (this.fPicorgramWrapper && this.autoBg) { + if (this.fPicorgramWrapper && this.autoBg && this.isText) { // Modify the background-color property this.fPicorgramWrapper.style.setProperty( "--after-background-color",