@node-projects/web-component-designer 0.1.0 → 0.1.2

package/dist/elements/services/propertiesService/services/CssProperties.json

@@ -0,0 +1,618 @@
+{
+    "accentColor": {
+        "type": "color"
+    },
+    "additiveSymbols": {},
+    "alignContent": {
+        "type": "list",
+        "values": [
+            "start",
+            "end",
+            "flex-start",
+            "flex-end",
+            "center",
+            "normal",
+            "baseline",
+            "first baseline",
+            "last baseline",
+            "space-between",
+            "space-around",
+            "space-evenly",
+            "stretch",
+            "safe",
+            "unsafe"
+        ]
+    },
+    "alignItems": {},
+    "alignSelf": {},
+    "alignmentBaseline": {},
+    "all": {},
+    "animation": {},
+    "animationDelay": {},
+    "animationDirection": {},
+    "animationDuration": {},
+    "animationFillMode": {},
+    "animationIterationCount": {},
+    "animationName": {},
+    "animationPlayState": {},
+    "animationTimingFunction": {},
+    "appRegion": {},
+    "appearance": {},
+    "ascentOverride": {},
+    "aspectRatio": {},
+    "backdropFilter": {},
+    "backfaceVisibility": {},
+    "background": {},
+    "backgroundAttachment": {},
+    "backgroundBlendMode": {},
+    "backgroundClip": {},
+    "backgroundColor": {
+        "type": "color"
+    },
+    "backgroundImage": {},
+    "backgroundOrigin": {},
+    "backgroundPosition": {},
+    "backgroundPositionX": {},
+    "backgroundPositionY": {},
+    "backgroundRepeat": {},
+    "backgroundRepeatX": {},
+    "backgroundRepeatY": {},
+    "backgroundSize": {},
+    "basePalette": {},
+    "baselineShift": {},
+    "blockSize": {},
+    "border": {},
+    "borderBlock": {},
+    "borderBlockColor": {
+        "type": "color"
+    },
+    "borderBlockEnd": {},
+    "borderBlockEndColor": {
+        "type": "color"
+    },
+    "borderBlockEndStyle": {},
+    "borderBlockEndWidth": {},
+    "borderBlockStart": {},
+    "borderBlockStartColor": {
+        "type": "color"
+    },
+    "borderBlockStartStyle": {},
+    "borderBlockStartWidth": {},
+    "borderBlockStyle": {},
+    "borderBlockWidth": {},
+    "borderBottom": {},
+    "borderBottomColor": {
+        "type": "color"
+    },
+    "borderBottomLeftRadius": {},
+    "borderBottomRightRadius": {},
+    "borderBottomStyle": {},
+    "borderBottomWidth": {},
+    "borderCollapse": {},
+    "borderColor": {
+        "type": "color"
+    },
+    "borderEndEndRadius": {},
+    "borderEndStartRadius": {},
+    "borderImage": {},
+    "borderImageOutset": {},
+    "borderImageRepeat": {},
+    "borderImageSlice": {},
+    "borderImageSource": {},
+    "borderImageWidth": {},
+    "borderInline": {},
+    "borderInlineColor": {
+        "type": "color"
+    },
+    "borderInlineEnd": {},
+    "borderInlineEndColor": {
+        "type": "color"
+    },
+    "borderInlineEndStyle": {},
+    "borderInlineEndWidth": {},
+    "borderInlineStart": {},
+    "borderInlineStartColor": {
+        "type": "color"
+    },
+    "borderInlineStartStyle": {},
+    "borderInlineStartWidth": {},
+    "borderInlineStyle": {},
+    "borderInlineWidth": {},
+    "borderLeft": {},
+    "borderLeftColor": {
+        "type": "color"
+    },
+    "borderLeftStyle": {},
+    "borderLeftWidth": {},
+    "borderRadius": {},
+    "borderRight": {},
+    "borderRightColor": {
+        "type": "color"
+    },
+    "borderRightStyle": {},
+    "borderRightWidth": {},
+    "borderSpacing": {},
+    "borderStartEndRadius": {},
+    "borderStartStartRadius": {},
+    "borderStyle": {},
+    "borderTop": {},
+    "borderTopColor": {
+        "type": "color"
+    },
+    "borderTopLeftRadius": {},
+    "borderTopRightRadius": {},
+    "borderTopStyle": {},
+    "borderTopWidth": {},
+    "borderWidth": {
+        "type": "length",
+        "values": [
+            "medium",
+            "thin",
+            "thick"
+        ]
+    },
+    "bottom": {},
+    "boxShadow": {},
+    "boxSizing": {
+        "type": "list",
+        "values": [
+            "border-box",
+            "content-box"
+        ]
+    },
+    "breakAfter": {},
+    "breakBefore": {},
+    "breakInside": {},
+    "bufferedRendering": {},
+    "captionSide": {},
+    "caretColor": {
+        "type": "color"
+    },
+    "clear": {},
+    "clip": {},
+    "clipPath": {},
+    "clipRule": {},
+    "color": {
+        "type": "color"
+    },
+    "colorInterpolation": {},
+    "colorInterpolationFilters": {},
+    "colorRendering": {},
+    "colorScheme": {},
+    "columnCount": {},
+    "columnFill": {},
+    "columnGap": {},
+    "columnRule": {},
+    "columnRuleColor": {
+        "type": "color"
+    },
+    "columnRuleStyle": {},
+    "columnRuleWidth": {},
+    "columnSpan": {},
+    "columnWidth": {},
+    "columns": {},
+    "contain": {},
+    "containIntrinsicBlockSize": {},
+    "containIntrinsicHeight": {},
+    "containIntrinsicInlineSize": {},
+    "containIntrinsicSize": {},
+    "containIntrinsicWidth": {},
+    "container": {},
+    "containerName": {},
+    "containerType": {},
+    "content": {},
+    "contentVisibility": {},
+    "counterIncrement": {},
+    "counterReset": {},
+    "counterSet": {},
+    "cursor": {},
+    "cx": {},
+    "cy": {},
+    "d": {},
+    "descentOverride": {},
+    "direction": {},
+    "display": {
+        "type": "list",
+        "values": [
+            "block",
+            "inline",
+            "inline-block",
+            "flex",
+            "inline-flex",
+            "contents",
+            "grid",
+            "inline-grid",
+            "inline-table",
+            "list-item",
+            "run-in",
+            "table",
+            "table-caption",
+            "table-column-group",
+            "table-header-group",
+            "table-footer-group",
+            "tabl-row-group",
+            "table-cell",
+            "table-column",
+            "table-row",
+            "inherit",
+            "initial",
+            "none"
+        ]
+    },
+    "dominantBaseline": {},
+    "emptyCells": {},
+    "fallback": {},
+    "fill": {
+        "type": "color"
+    },
+    "fillOpacity": {},
+    "fillRule": {},
+    "filter": {},
+    "flex": {},
+    "flexBasis": {},
+    "flexDirection": {
+        "type": "list",
+        "values": [
+            "row",
+            "column",
+            "row-reverse",
+            "column-reverse"
+        ]
+    },
+    "flexFlow": {},
+    "flexGrow": {
+        "type": "number"
+    },
+    "flexShrink": {
+        "type": "number"
+    },
+    "flexWrap": {
+        "type": "list",
+        "values": [
+            "nowrap",
+            "wrap",
+            "wrap-reverse"
+        ]
+    },
+    "float": {},
+    "floodColor": {
+        "type": "color"
+    },
+    "floodOpacity": {},
+    "font": {},
+    "fontDisplay": {},
+    "fontFamily": {
+        "type": "font"
+    },
+    "fontFeatureSettings": {},
+    "fontKerning": {},
+    "fontOpticalSizing": {},
+    "fontPalette": {},
+    "fontSize": {},
+    "fontStretch": {},
+    "fontStyle": {},
+    "fontSynthesis": {},
+    "fontSynthesisSmallCaps": {},
+    "fontSynthesisStyle": {},
+    "fontSynthesisWeight": {},
+    "fontVariant": {},
+    "fontVariantCaps": {},
+    "fontVariantEastAsian": {},
+    "fontVariantLigatures": {},
+    "fontVariantNumeric": {},
+    "fontVariationSettings": {},
+    "fontWeight": {},
+    "forcedColorAdjust": {},
+    "gap": {},
+    "grid": {},
+    "gridArea": {},
+    "gridAutoColumns": {},
+    "gridAutoFlow": {},
+    "gridAutoRows": {},
+    "gridColumn": {},
+    "gridColumnEnd": {},
+    "gridColumnGap": {},
+    "gridColumnStart": {},
+    "gridGap": {},
+    "gridRow": {},
+    "gridRowEnd": {},
+    "gridRowGap": {},
+    "gridRowStart": {},
+    "gridTemplate": {},
+    "gridTemplateAreas": {},
+    "gridTemplateColumns": {},
+    "gridTemplateRows": {},
+    "height": {},
+    "hyphenateCharacter": {},
+    "hyphens": {},
+    "imageOrientation": {},
+    "imageRendering": {},
+    "inherits": {},
+    "initialValue": {},
+    "inlineSize": {},
+    "inset": {},
+    "insetBlock": {},
+    "insetBlockEnd": {},
+    "insetBlockStart": {},
+    "insetInline": {},
+    "insetInlineEnd": {},
+    "insetInlineStart": {},
+    "isolation": {},
+    "justifyContent": {},
+    "justifyItems": {},
+    "justifySelf": {},
+    "left": {},
+    "letterSpacing": {},
+    "lightingColor": {
+        "type": "color"
+    },
+    "lineBreak": {},
+    "lineGapOverride": {},
+    "lineHeight": {},
+    "listStyle": {},
+    "listStyleImage": {},
+    "listStylePosition": {},
+    "listStyleType": {},
+    "margin": {},
+    "marginBlock": {},
+    "marginBlockEnd": {
+        "type": "length"
+    },
+    "marginBlockStart": {
+        "type": "length"
+    },
+    "marginBottom": {
+        "type": "length"
+    },
+    "marginInline": {},
+    "marginInlineEnd": {
+        "type": "length"
+    },
+    "marginInlineStart": {
+        "type": "length"
+    },
+    "marginLeft": {
+        "type": "length"
+    },
+    "marginRight": {
+        "type": "length"
+    },
+    "marginTop": {
+        "type": "length"
+    },
+    "marker": {},
+    "markerEnd": {},
+    "markerMid": {},
+    "markerStart": {},
+    "mask": {},
+    "maskType": {},
+    "maxBlockSize": {},
+    "maxHeight": {},
+    "maxInlineSize": {},
+    "maxWidth": {},
+    "minBlockSize": {},
+    "minHeight": {},
+    "minInlineSize": {},
+    "minWidth": {},
+    "mixBlendMode": {},
+    "negative": {},
+    "objectFit": {},
+    "objectPosition": {
+        "type": "position"
+    },
+    "objectViewBox": {},
+    "offset": {},
+    "offsetDistance": {},
+    "offsetPath": {},
+    "offsetRotate": {},
+    "opacity": {
+        "type": "number"
+    },
+    "order": {},
+    "orphans": {},
+    "outline": {},
+    "outlineColor": {
+        "type": "color"
+    },
+    "outlineOffset": {},
+    "outlineStyle": {},
+    "outlineWidth": {},
+    "overflow": {
+        "type": "list",
+        "values": [
+            "visible",
+            "hidden",
+            "clip",
+            "scoll",
+            "auto"
+        ]
+    },
+    "overflowAnchor": {},
+    "overflowClipMargin": {},
+    "overflowWrap": {},
+    "overflowX": {
+        "type": "list",
+        "values": [
+            "visible",
+            "hidden",
+            "clip",
+            "scoll",
+            "auto"
+        ]
+    },
+    "overflowY": {
+        "type": "list",
+        "values": [
+            "visible",
+            "hidden",
+            "clip",
+            "scoll",
+            "auto"
+        ]
+    },
+    "overrideColors": {},
+    "overscrollBehavior": {},
+    "overscrollBehaviorBlock": {},
+    "overscrollBehaviorInline": {},
+    "overscrollBehaviorX": {},
+    "overscrollBehaviorY": {},
+    "pad": {},
+    "padding": {},
+    "paddingBlock": {},
+    "paddingBlockEnd": {},
+    "paddingBlockStart": {},
+    "paddingBottom": {},
+    "paddingInline": {},
+    "paddingInlineEnd": {},
+    "paddingInlineStart": {},
+    "paddingLeft": {},
+    "paddingRight": {},
+    "paddingTop": {},
+    "page": {},
+    "pageBreakAfter": {},
+    "pageBreakBefore": {},
+    "pageBreakInside": {},
+    "pageOrientation": {},
+    "paintOrder": {},
+    "perspective": {},
+    "perspectiveOrigin": {},
+    "placeContent": {},
+    "placeItems": {},
+    "placeSelf": {},
+    "pointerEvents": {},
+    "position": {
+        "type": "list",
+        "values": [
+            "static",
+            "relative",
+            "absolute"
+        ]
+    },
+    "prefix": {},
+    "quotes": {},
+    "r": {},
+    "range": {},
+    "resize": {},
+    "right": {},
+    "rotate": {},
+    "rowGap": {},
+    "rubyPosition": {},
+    "rx": {},
+    "ry": {},
+    "scale": {},
+    "scrollBehavior": {},
+    "scrollMargin": {},
+    "scrollMarginBlock": {},
+    "scrollMarginBlockEnd": {},
+    "scrollMarginBlockStart": {},
+    "scrollMarginBottom": {},
+    "scrollMarginInline": {},
+    "scrollMarginInlineEnd": {},
+    "scrollMarginInlineStart": {},
+    "scrollMarginLeft": {},
+    "scrollMarginRight": {},
+    "scrollMarginTop": {},
+    "scrollPadding": {},
+    "scrollPaddingBlock": {},
+    "scrollPaddingBlockEnd": {},
+    "scrollPaddingBlockStart": {},
+    "scrollPaddingBottom": {},
+    "scrollPaddingInline": {},
+    "scrollPaddingInlineEnd": {},
+    "scrollPaddingInlineStart": {},
+    "scrollPaddingLeft": {},
+    "scrollPaddingRight": {},
+    "scrollPaddingTop": {},
+    "scrollSnapAlign": {},
+    "scrollSnapStop": {},
+    "scrollSnapType": {},
+    "scrollbarGutter": {},
+    "shapeImageThreshold": {},
+    "shapeMargin": {},
+    "shapeOutside": {},
+    "shapeRendering": {},
+    "size": {},
+    "sizeAdjust": {},
+    "speak": {},
+    "speakAs": {},
+    "src": {},
+    "stopColor": {
+        "type": "color"
+    },
+    "stopOpacity": {},
+    "stroke": {
+        "type": "color"
+    },
+    "strokeDasharray": {},
+    "strokeDashoffset": {},
+    "strokeLinecap": {},
+    "strokeLinejoin": {},
+    "strokeMiterlimit": {},
+    "strokeOpacity": {},
+    "strokeWidth": {
+        "type": "number"
+    },
+    "suffix": {},
+    "symbols": {},
+    "syntax": {},
+    "system": {},
+    "tabSize": {},
+    "tableLayout": {},
+    "textAlign": {},
+    "textAlignLast": {},
+    "textAnchor": {},
+    "textCombineUpright": {},
+    "textDecoration": {},
+    "textDecorationColor": {
+        "type": "color"
+    },
+    "textDecorationLine": {},
+    "textDecorationSkipInk": {},
+    "textDecorationStyle": {},
+    "textDecorationThickness": {},
+    "textEmphasis": {},
+    "textEmphasisColor": {
+        "type": "color"
+    },
+    "textEmphasisPosition": {},
+    "textEmphasisStyle": {},
+    "textIndent": {},
+    "textOrientation": {},
+    "textOverflow": {},
+    "textRendering": {},
+    "textShadow": {},
+    "textSizeAdjust": {},
+    "textTransform": {},
+    "textUnderlineOffset": {},
+    "textUnderlinePosition": {},
+    "top": {},
+    "touchAction": {},
+    "transform": {},
+    "transformBox": {},
+    "transformOrigin": {},
+    "transformStyle": {},
+    "transition": {},
+    "transitionDelay": {},
+    "transitionDuration": {},
+    "transitionProperty": {},
+    "transitionTimingFunction": {},
+    "translate": {},
+    "unicodeBidi": {},
+    "unicodeRange": {},
+    "userSelect": {},
+    "vectorEffect": {},
+    "verticalAlign": {},
+    "visibility": {},
+    "whiteSpace": {},
+    "widows": {},
+    "width": {},
+    "willChange": {},
+    "wordBreak": {},
+    "wordSpacing": {},
+    "wordWrap": {},
+    "writingMode": {},
+    "x": {},
+    "y": {},
+    "zIndex": {},
+    "zoom": {}
+}

package/dist/elements/services/propertiesService/services/CssPropertiesService.d.ts

@@ -0,0 +1,25 @@
+import { IProperty } from '../IProperty.js';
+import { IDesignItem } from '../../../item/IDesignItem.js';
+import { BindingTarget } from '../../../item/BindingTarget.js';
+import { CommonPropertiesService } from './CommonPropertiesService.js';
+import { RefreshMode } from '../IPropertiesService.js';
+import { IPropertyGroup } from '../IPropertyGroup.js';
+export declare class CssPropertiesService extends CommonPropertiesService {
+    getRefreshMode(designItem: IDesignItem): RefreshMode;
+    layout: {
+        common: string[];
+        font: string[];
+        layout: string[];
+    };
+    grid: string[];
+    gridChild: string[];
+    flex: string[];
+    flexChild: string[];
+    svg: string[];
+    constructor(name: 'layout' | 'grid' | 'gridChild' | 'flex' | 'flexChild' | 'svg');
+    isHandledElement(designItem: IDesignItem): boolean;
+    getProperty(designItem: IDesignItem, name: string): IProperty;
+    getProperties(designItem: IDesignItem): IProperty[] | IPropertyGroup[];
+    _getPropertyDef(name: string): IProperty;
+    getPropertyTarget(designItem: IDesignItem, property: IProperty): BindingTarget;
+}