//! Defines the core `CssProperty` enum, which represents any single parsed CSS property,

//! as well as top-level functions for parsing CSS keys and values.

use alloc::{

    boxed::Box,

    collections::btree_map::BTreeMap,

    string::{String, ToString},

    vec::Vec,

};

use core::fmt;

use crate::{

    corety::AzString,

    css::{BoxOrStatic, CssPropertyValue},

    props::basic::{error::InvalidValueErr, pixel::PixelValueWithAuto},

};

// Import all property types from their new locations

use crate::{

    format_rust_code::FormatAsRustCode,

    props::{

        basic::{

            color::{parse_css_color, ColorU, CssColorParseError, CssColorParseErrorOwned},

            font::{

                parse_style_font_family, CssStyleFontFamilyParseError,

                CssStyleFontFamilyParseErrorOwned, StyleFontFamilyVec, *,

            },

            length::{parse_float_value, parse_percentage_value, FloatValue, PercentageValue},

            pixel::{

                parse_pixel_value, CssPixelValueParseError, CssPixelValueParseErrorOwned,

                PixelValue,

            },

            DurationParseError, DurationParseErrorOwned, InterpolateResolver, InvalidValueErrOwned,

            PercentageParseError,

        },

        formatter::PrintAsCssValue,

        layout::{

            column::*, dimensions::*, display::*, flex::*, flow::*, fragmentation::*, grid::*,

            overflow::*, position::*, shape::*, spacing::*, table::*, text::*, wrapping::*,

        },

        style::{

            azul_exclusion::*, background::*, border::*, border_radius::*, box_shadow::*,

            content::*, effects::*, filter::*, lists::*, scrollbar::*, text::*, transform::*,

            SelectionBackgroundColor, SelectionColor, SelectionRadius,

        },

    },

};

const COMBINED_CSS_PROPERTIES_KEY_MAP: [(CombinedCssPropertyType, &str); 27] = [

    (CombinedCssPropertyType::BorderRadius, "border-radius"),

    (CombinedCssPropertyType::Overflow, "overflow"),

    (CombinedCssPropertyType::Padding, "padding"),

    (CombinedCssPropertyType::Margin, "margin"),

    (CombinedCssPropertyType::Border, "border"),

    (CombinedCssPropertyType::BorderLeft, "border-left"),

    (CombinedCssPropertyType::BorderRight, "border-right"),

    (CombinedCssPropertyType::BorderTop, "border-top"),

    (CombinedCssPropertyType::BorderBottom, "border-bottom"),

    (CombinedCssPropertyType::BorderColor, "border-color"),

    (CombinedCssPropertyType::BorderStyle, "border-style"),

    (CombinedCssPropertyType::BorderWidth, "border-width"),

    (CombinedCssPropertyType::BoxShadow, "box-shadow"),

    (CombinedCssPropertyType::BackgroundColor, "background-color"),

    (CombinedCssPropertyType::BackgroundImage, "background-image"),

    (CombinedCssPropertyType::Background, "background"),

    (CombinedCssPropertyType::Flex, "flex"),

    (CombinedCssPropertyType::Grid, "grid"),

    (CombinedCssPropertyType::Gap, "gap"),

    (CombinedCssPropertyType::GridGap, "grid-gap"),

    (CombinedCssPropertyType::Font, "font"),

    (CombinedCssPropertyType::Columns, "columns"),

    (CombinedCssPropertyType::GridArea, "grid-area"),

    (CombinedCssPropertyType::ColumnRule, "column-rule"),

    (CombinedCssPropertyType::TextBox, "text-box"),

    // +spec:writing-modes:798cca - inset-block/inset-inline shorthand properties

    (CombinedCssPropertyType::InsetBlock, "inset-block"),

    (CombinedCssPropertyType::InsetInline, "inset-inline"),

];

const CSS_PROPERTY_KEY_MAP: [(CssPropertyType, &str); 178] = [

    (CssPropertyType::Display, "display"),

    (CssPropertyType::Float, "float"),

    (CssPropertyType::BoxSizing, "box-sizing"),

    (CssPropertyType::TextColor, "color"),

    (CssPropertyType::FontSize, "font-size"),

    (CssPropertyType::FontFamily, "font-family"),

    (CssPropertyType::FontWeight, "font-weight"),

    (CssPropertyType::FontStyle, "font-style"),

    (CssPropertyType::TextAlign, "text-align"),

    (CssPropertyType::TextJustify, "text-justify"),

    (CssPropertyType::VerticalAlign, "vertical-align"),

    (CssPropertyType::LetterSpacing, "letter-spacing"),

    (CssPropertyType::LineHeight, "line-height"),

    (CssPropertyType::WordSpacing, "word-spacing"),

    (CssPropertyType::TabSize, "tab-size"),

    (CssPropertyType::WhiteSpace, "white-space"),

    (CssPropertyType::Hyphens, "hyphens"),

    (CssPropertyType::WordBreak, "word-break"),

    (CssPropertyType::OverflowWrap, "overflow-wrap"),

    (CssPropertyType::OverflowWrap, "word-wrap"), // +spec:line-breaking:45074d - word-wrap is legacy name alias for overflow-wrap

    (CssPropertyType::LineBreak, "line-break"),

    (CssPropertyType::ObjectFit, "object-fit"),

    (CssPropertyType::ObjectPosition, "object-position"),

    (CssPropertyType::AspectRatio, "aspect-ratio"),

    (CssPropertyType::TextOrientation, "text-orientation"),

    (CssPropertyType::TextAlignLast, "text-align-last"),

    (CssPropertyType::Direction, "direction"),

    (CssPropertyType::UserSelect, "user-select"),

    (CssPropertyType::TextDecoration, "text-decoration"),

    (CssPropertyType::TextIndent, "text-indent"),

    (CssPropertyType::InitialLetter, "initial-letter"),

    (CssPropertyType::LineClamp, "line-clamp"),

    (CssPropertyType::HangingPunctuation, "hanging-punctuation"),

    (CssPropertyType::TextCombineUpright, "text-combine-upright"),

    (CssPropertyType::UnicodeBidi, "unicode-bidi"),

    (CssPropertyType::TextBoxTrim, "text-box-trim"),

    (CssPropertyType::TextBoxEdge, "text-box-edge"),

    (CssPropertyType::DominantBaseline, "dominant-baseline"),

    (CssPropertyType::AlignmentBaseline, "alignment-baseline"),

    (CssPropertyType::InitialLetterAlign, "initial-letter-align"),

    (CssPropertyType::InitialLetterWrap, "initial-letter-wrap"),

    (CssPropertyType::ScrollbarGutter, "scrollbar-gutter"),

    (CssPropertyType::OverflowClipMargin, "overflow-clip-margin"),

    // +spec:overflow:297dc3 - clip rect() auto values resolve to border box edges

    (CssPropertyType::Clip, "clip"),

    (CssPropertyType::ExclusionMargin, "-azul-exclusion-margin"),

    (

        CssPropertyType::HyphenationLanguage,

        "-azul-hyphenation-language",

    ),

    (CssPropertyType::Cursor, "cursor"),

    (CssPropertyType::Width, "width"),

    (CssPropertyType::Height, "height"),

    (CssPropertyType::MinWidth, "min-width"),

    (CssPropertyType::MinHeight, "min-height"),

    (CssPropertyType::MaxWidth, "max-width"),

    (CssPropertyType::MaxHeight, "max-height"),

    (CssPropertyType::Position, "position"),

    (CssPropertyType::Top, "top"),

    (CssPropertyType::Right, "right"),

    (CssPropertyType::Left, "left"),

    (CssPropertyType::Bottom, "bottom"),

    (CssPropertyType::ZIndex, "z-index"),

    (CssPropertyType::FlexWrap, "flex-wrap"),

    (CssPropertyType::FlexDirection, "flex-direction"),

    (CssPropertyType::FlexGrow, "flex-grow"),

    (CssPropertyType::FlexShrink, "flex-shrink"),

    (CssPropertyType::FlexBasis, "flex-basis"),

    (CssPropertyType::JustifyContent, "justify-content"),

    (CssPropertyType::AlignItems, "align-items"),

    (CssPropertyType::AlignContent, "align-content"),

    (CssPropertyType::ColumnGap, "column-gap"),

    (CssPropertyType::RowGap, "row-gap"),

    (

        CssPropertyType::GridTemplateColumns,

        "grid-template-columns",

    ),

    (CssPropertyType::GridTemplateRows, "grid-template-rows"),

    (CssPropertyType::GridAutoColumns, "grid-auto-columns"),

    (CssPropertyType::GridAutoRows, "grid-auto-rows"),

    (CssPropertyType::GridColumn, "grid-column"),

    (CssPropertyType::GridRow, "grid-row"),

    (CssPropertyType::GridTemplateAreas, "grid-template-areas"),

    (CssPropertyType::WritingMode, "writing-mode"),

    (CssPropertyType::Clear, "clear"),

    (CssPropertyType::OverflowX, "overflow-x"),

    (CssPropertyType::OverflowY, "overflow-y"),

    // +spec:overflow:17654b - overflow-block and overflow-inline logical properties

    (CssPropertyType::OverflowBlock, "overflow-block"),

    (CssPropertyType::OverflowInline, "overflow-inline"),

    (CssPropertyType::PaddingTop, "padding-top"),

    (CssPropertyType::PaddingLeft, "padding-left"),

    (CssPropertyType::PaddingRight, "padding-right"),

    (CssPropertyType::PaddingBottom, "padding-bottom"),

    (CssPropertyType::PaddingInlineStart, "padding-inline-start"),

    (CssPropertyType::PaddingInlineEnd, "padding-inline-end"),

    (CssPropertyType::MarginTop, "margin-top"),

    (CssPropertyType::MarginLeft, "margin-left"),

    (CssPropertyType::MarginRight, "margin-right"),

    (CssPropertyType::MarginBottom, "margin-bottom"),

    (CssPropertyType::BackgroundContent, "background"),

    (CssPropertyType::BackgroundPosition, "background-position"),

    (CssPropertyType::BackgroundSize, "background-size"),

    (CssPropertyType::BackgroundRepeat, "background-repeat"),

    (

        CssPropertyType::BorderTopLeftRadius,

        "border-top-left-radius",

    ),

    (

        CssPropertyType::BorderTopRightRadius,

        "border-top-right-radius",

    ),

    (

        CssPropertyType::BorderBottomLeftRadius,

        "border-bottom-left-radius",

    ),

    (

        CssPropertyType::BorderBottomRightRadius,

        "border-bottom-right-radius",

    ),

    (CssPropertyType::BorderTopColor, "border-top-color"),

    (CssPropertyType::BorderRightColor, "border-right-color"),

    (CssPropertyType::BorderLeftColor, "border-left-color"),

    (CssPropertyType::BorderBottomColor, "border-bottom-color"),

    (CssPropertyType::BorderTopStyle, "border-top-style"),

    (CssPropertyType::BorderRightStyle, "border-right-style"),

    (CssPropertyType::BorderLeftStyle, "border-left-style"),

    (CssPropertyType::BorderBottomStyle, "border-bottom-style"),

    (CssPropertyType::BorderTopWidth, "border-top-width"),

    (CssPropertyType::BorderRightWidth, "border-right-width"),

    (CssPropertyType::BorderLeftWidth, "border-left-width"),

    (CssPropertyType::BorderBottomWidth, "border-bottom-width"),

    (CssPropertyType::BoxShadowTop, "-azul-box-shadow-top"),

    (CssPropertyType::BoxShadowRight, "-azul-box-shadow-right"),

    (CssPropertyType::BoxShadowLeft, "-azul-box-shadow-left"),

    (CssPropertyType::BoxShadowBottom, "-azul-box-shadow-bottom"),

    (CssPropertyType::ScrollbarTrack, "-azul-scrollbar-track"),

    (CssPropertyType::ScrollbarThumb, "-azul-scrollbar-thumb"),

    (CssPropertyType::ScrollbarButton, "-azul-scrollbar-button"),

    (CssPropertyType::ScrollbarCorner, "-azul-scrollbar-corner"),

    (CssPropertyType::ScrollbarResizer, "-azul-scrollbar-resizer"),

    (CssPropertyType::CaretColor, "caret-color"),

    (

        CssPropertyType::CaretAnimationDuration,

        "caret-animation-duration",

    ),

    (CssPropertyType::CaretWidth, "-azul-caret-width"),

    (

        CssPropertyType::SelectionBackgroundColor,

        "-azul-selection-background-color",

    ),

    (CssPropertyType::SelectionColor, "-azul-selection-color"),

    (CssPropertyType::SelectionRadius, "-azul-selection-radius"),

    (CssPropertyType::ScrollbarWidth, "scrollbar-width"),

    (CssPropertyType::ScrollbarColor, "scrollbar-color"),

    (CssPropertyType::ScrollbarVisibility, "-azul-scrollbar-visibility"),

    (CssPropertyType::ScrollbarFadeDelay, "-azul-scrollbar-fade-delay"),

    (CssPropertyType::ScrollbarFadeDuration, "-azul-scrollbar-fade-duration"),

    (CssPropertyType::Opacity, "opacity"),

    (CssPropertyType::Visibility, "visibility"),

    (CssPropertyType::Transform, "transform"),

    (CssPropertyType::PerspectiveOrigin, "perspective-origin"),

    (CssPropertyType::TransformOrigin, "transform-origin"),

    (CssPropertyType::BackfaceVisibility, "backface-visibility"),

    (CssPropertyType::MixBlendMode, "mix-blend-mode"),

    (CssPropertyType::Filter, "filter"),

    (CssPropertyType::BackdropFilter, "backdrop-filter"),

    (CssPropertyType::TextShadow, "text-shadow"),

    (CssPropertyType::GridAutoFlow, "grid-auto-flow"),

    (CssPropertyType::JustifySelf, "justify-self"),

    (CssPropertyType::JustifyItems, "justify-items"),

    (CssPropertyType::Gap, "gap"),

    (CssPropertyType::GridGap, "grid-gap"),

    (CssPropertyType::AlignSelf, "align-self"),

    (CssPropertyType::Font, "font"),

    (CssPropertyType::BreakBefore, "break-before"),

    (CssPropertyType::BreakAfter, "break-after"),

    (CssPropertyType::BreakInside, "break-inside"),

    // CSS 2.1 legacy aliases for page breaking

    (CssPropertyType::BreakBefore, "page-break-before"),

    (CssPropertyType::BreakAfter, "page-break-after"),

    (CssPropertyType::BreakInside, "page-break-inside"),

    (CssPropertyType::Orphans, "orphans"),

    (CssPropertyType::Widows, "widows"),

    (CssPropertyType::BoxDecorationBreak, "box-decoration-break"),

    (CssPropertyType::ColumnCount, "column-count"),

    (CssPropertyType::ColumnWidth, "column-width"),

    (CssPropertyType::ColumnSpan, "column-span"),

    (CssPropertyType::ColumnFill, "column-fill"),

    (CssPropertyType::ColumnRuleWidth, "column-rule-width"),

    (CssPropertyType::ColumnRuleStyle, "column-rule-style"),

    (CssPropertyType::ColumnRuleColor, "column-rule-color"),

    (CssPropertyType::FlowInto, "flow-into"),

    (CssPropertyType::FlowFrom, "flow-from"),

    (CssPropertyType::ShapeOutside, "shape-outside"),

    (CssPropertyType::ShapeInside, "shape-inside"),

    (CssPropertyType::ClipPath, "clip-path"),

    (CssPropertyType::ShapeMargin, "shape-margin"),

    (

        CssPropertyType::ShapeImageThreshold,

        "shape-image-threshold",

    ),

    (CssPropertyType::Content, "content"),

    (CssPropertyType::CounterReset, "counter-reset"),

    (CssPropertyType::CounterIncrement, "counter-increment"),

    (CssPropertyType::ListStyleType, "list-style-type"),

    (CssPropertyType::ListStylePosition, "list-style-position"),

    (CssPropertyType::StringSet, "string-set"),

];

// Type aliases for `CssPropertyValue<T>`

pub type CaretColorValue = CssPropertyValue<CaretColor>;

pub type CaretAnimationDurationValue = CssPropertyValue<CaretAnimationDuration>;

pub type CaretWidthValue = CssPropertyValue<CaretWidth>;

pub type SelectionBackgroundColorValue = CssPropertyValue<SelectionBackgroundColor>;

pub type SelectionColorValue = CssPropertyValue<SelectionColor>;

pub type SelectionRadiusValue = CssPropertyValue<SelectionRadius>;

pub type StyleBackgroundContentVecValue = CssPropertyValue<StyleBackgroundContentVec>;

pub type StyleBackgroundPositionVecValue = CssPropertyValue<StyleBackgroundPositionVec>;

pub type StyleBackgroundSizeVecValue = CssPropertyValue<StyleBackgroundSizeVec>;

pub type StyleBackgroundRepeatVecValue = CssPropertyValue<StyleBackgroundRepeatVec>;

pub type StyleFontSizeValue = CssPropertyValue<StyleFontSize>;

pub type StyleFontFamilyVecValue = CssPropertyValue<StyleFontFamilyVec>;

pub type StyleFontWeightValue = CssPropertyValue<StyleFontWeight>;

pub type StyleFontStyleValue = CssPropertyValue<StyleFontStyle>;

pub type StyleTextColorValue = CssPropertyValue<StyleTextColor>;

pub type StyleTextAlignValue = CssPropertyValue<StyleTextAlign>;

pub type StyleVerticalAlignValue = CssPropertyValue<StyleVerticalAlign>;

pub type StyleLineHeightValue = CssPropertyValue<StyleLineHeight>;

pub type StyleLetterSpacingValue = CssPropertyValue<StyleLetterSpacing>;

pub type StyleTextIndentValue = CssPropertyValue<StyleTextIndent>;

pub type StyleInitialLetterValue = CssPropertyValue<StyleInitialLetter>;

pub type StyleLineClampValue = CssPropertyValue<StyleLineClamp>;

pub type StyleHangingPunctuationValue = CssPropertyValue<StyleHangingPunctuation>;

pub type StyleTextCombineUprightValue = CssPropertyValue<StyleTextCombineUpright>;

pub type StyleUnicodeBidiValue = CssPropertyValue<StyleUnicodeBidi>;

pub type StyleTextBoxTrimValue = CssPropertyValue<StyleTextBoxTrim>;

pub type StyleTextBoxEdgeValue = CssPropertyValue<StyleTextBoxEdge>;

pub type StyleDominantBaselineValue = CssPropertyValue<StyleDominantBaseline>;

pub type StyleAlignmentBaselineValue = CssPropertyValue<StyleAlignmentBaseline>;

pub type StyleInitialLetterAlignValue = CssPropertyValue<StyleInitialLetterAlign>;

pub type StyleInitialLetterWrapValue = CssPropertyValue<StyleInitialLetterWrap>;

pub type StyleScrollbarGutterValue = CssPropertyValue<StyleScrollbarGutter>;

pub type StyleOverflowClipMarginValue = CssPropertyValue<StyleOverflowClipMargin>;

pub type StyleClipRectValue = CssPropertyValue<StyleClipRect>;

pub type StyleExclusionMarginValue = CssPropertyValue<StyleExclusionMargin>;

pub type StyleHyphenationLanguageValue = CssPropertyValue<StyleHyphenationLanguage>;

pub type StyleWordSpacingValue = CssPropertyValue<StyleWordSpacing>;

pub type StyleTabSizeValue = CssPropertyValue<StyleTabSize>;

pub type StyleCursorValue = CssPropertyValue<StyleCursor>;

pub type StyleBoxShadowValue = CssPropertyValue<crate::css::BoxOrStaticStyleBoxShadow>;

pub type StyleBorderTopColorValue = CssPropertyValue<StyleBorderTopColor>;

pub type StyleBorderLeftColorValue = CssPropertyValue<StyleBorderLeftColor>;

pub type StyleBorderRightColorValue = CssPropertyValue<StyleBorderRightColor>;

pub type StyleBorderBottomColorValue = CssPropertyValue<StyleBorderBottomColor>;

pub type StyleBorderTopStyleValue = CssPropertyValue<StyleBorderTopStyle>;

pub type StyleBorderLeftStyleValue = CssPropertyValue<StyleBorderLeftStyle>;

pub type StyleBorderRightStyleValue = CssPropertyValue<StyleBorderRightStyle>;

pub type StyleBorderBottomStyleValue = CssPropertyValue<StyleBorderBottomStyle>;

pub type StyleBorderTopLeftRadiusValue = CssPropertyValue<StyleBorderTopLeftRadius>;

pub type StyleBorderTopRightRadiusValue = CssPropertyValue<StyleBorderTopRightRadius>;

pub type StyleBorderBottomLeftRadiusValue = CssPropertyValue<StyleBorderBottomLeftRadius>;

pub type StyleBorderBottomRightRadiusValue = CssPropertyValue<StyleBorderBottomRightRadius>;

pub type StyleOpacityValue = CssPropertyValue<StyleOpacity>;

pub type StyleVisibilityValue = CssPropertyValue<StyleVisibility>;

pub type StyleTransformVecValue = CssPropertyValue<StyleTransformVec>;

pub type StyleTransformOriginValue = CssPropertyValue<StyleTransformOrigin>;

pub type StylePerspectiveOriginValue = CssPropertyValue<StylePerspectiveOrigin>;

pub type StyleBackfaceVisibilityValue = CssPropertyValue<StyleBackfaceVisibility>;

pub type StyleMixBlendModeValue = CssPropertyValue<StyleMixBlendMode>;

pub type StyleFilterVecValue = CssPropertyValue<StyleFilterVec>;

pub type StyleBackgroundContentValue = CssPropertyValue<StyleBackgroundContent>;

pub type LayoutScrollbarWidthValue = CssPropertyValue<LayoutScrollbarWidth>;

pub type StyleScrollbarColorValue = CssPropertyValue<StyleScrollbarColor>;

pub type ScrollbarVisibilityModeValue = CssPropertyValue<ScrollbarVisibilityMode>;

pub type ScrollbarFadeDelayValue = CssPropertyValue<ScrollbarFadeDelay>;

pub type ScrollbarFadeDurationValue = CssPropertyValue<ScrollbarFadeDuration>;

pub type LayoutDisplayValue = CssPropertyValue<LayoutDisplay>;

pub type StyleHyphensValue = CssPropertyValue<StyleHyphens>;

pub type StyleWordBreakValue = CssPropertyValue<StyleWordBreak>;

pub type StyleOverflowWrapValue = CssPropertyValue<StyleOverflowWrap>;

pub type StyleLineBreakValue = CssPropertyValue<StyleLineBreak>;

pub type StyleObjectFitValue = CssPropertyValue<StyleObjectFit>;

pub type StyleObjectPositionValue = CssPropertyValue<StyleObjectPosition>;

pub type StyleAspectRatioValue = CssPropertyValue<StyleAspectRatio>;

pub type StyleTextOrientationValue = CssPropertyValue<StyleTextOrientation>;

pub type StyleTextAlignLastValue = CssPropertyValue<StyleTextAlignLast>;

pub type StyleDirectionValue = CssPropertyValue<StyleDirection>;

pub type StyleUserSelectValue = CssPropertyValue<StyleUserSelect>;

pub type StyleTextDecorationValue = CssPropertyValue<StyleTextDecoration>;

pub type StyleWhiteSpaceValue = CssPropertyValue<StyleWhiteSpace>;

pub type LayoutFloatValue = CssPropertyValue<LayoutFloat>;

pub type LayoutBoxSizingValue = CssPropertyValue<LayoutBoxSizing>;

pub type LayoutWidthValue = CssPropertyValue<LayoutWidth>;

pub type LayoutHeightValue = CssPropertyValue<LayoutHeight>;

pub type LayoutMinWidthValue = CssPropertyValue<LayoutMinWidth>;

pub type LayoutMinHeightValue = CssPropertyValue<LayoutMinHeight>;

pub type LayoutMaxWidthValue = CssPropertyValue<LayoutMaxWidth>;

pub type LayoutMaxHeightValue = CssPropertyValue<LayoutMaxHeight>;

pub type LayoutPositionValue = CssPropertyValue<LayoutPosition>;

pub type LayoutTopValue = CssPropertyValue<LayoutTop>;

pub type LayoutInsetBottomValue = CssPropertyValue<LayoutInsetBottom>;

pub type LayoutRightValue = CssPropertyValue<LayoutRight>;

pub type LayoutLeftValue = CssPropertyValue<LayoutLeft>;

pub type LayoutZIndexValue = CssPropertyValue<LayoutZIndex>;

pub type LayoutPaddingTopValue = CssPropertyValue<LayoutPaddingTop>;

pub type LayoutPaddingBottomValue = CssPropertyValue<LayoutPaddingBottom>;

pub type LayoutPaddingLeftValue = CssPropertyValue<LayoutPaddingLeft>;

pub type LayoutPaddingRightValue = CssPropertyValue<LayoutPaddingRight>;

pub type LayoutPaddingInlineStartValue = CssPropertyValue<LayoutPaddingInlineStart>;

pub type LayoutPaddingInlineEndValue = CssPropertyValue<LayoutPaddingInlineEnd>;

pub type LayoutMarginTopValue = CssPropertyValue<LayoutMarginTop>;

pub type LayoutMarginBottomValue = CssPropertyValue<LayoutMarginBottom>;

pub type LayoutTextJustifyValue = CssPropertyValue<LayoutTextJustify>;

pub type LayoutMarginLeftValue = CssPropertyValue<LayoutMarginLeft>;

pub type LayoutMarginRightValue = CssPropertyValue<LayoutMarginRight>;

pub type LayoutBorderTopWidthValue = CssPropertyValue<LayoutBorderTopWidth>;

pub type LayoutBorderLeftWidthValue = CssPropertyValue<LayoutBorderLeftWidth>;

pub type LayoutBorderRightWidthValue = CssPropertyValue<LayoutBorderRightWidth>;

pub type LayoutBorderBottomWidthValue = CssPropertyValue<LayoutBorderBottomWidth>;

pub type LayoutOverflowValue = CssPropertyValue<LayoutOverflow>;

pub type LayoutFlexDirectionValue = CssPropertyValue<LayoutFlexDirection>;

pub type LayoutFlexWrapValue = CssPropertyValue<LayoutFlexWrap>;

pub type LayoutFlexGrowValue = CssPropertyValue<LayoutFlexGrow>;

pub type LayoutFlexShrinkValue = CssPropertyValue<LayoutFlexShrink>;

pub type LayoutFlexBasisValue = CssPropertyValue<LayoutFlexBasis>;

pub type LayoutJustifyContentValue = CssPropertyValue<LayoutJustifyContent>;

pub type LayoutAlignItemsValue = CssPropertyValue<LayoutAlignItems>;

pub type LayoutAlignContentValue = CssPropertyValue<LayoutAlignContent>;

pub type LayoutColumnGapValue = CssPropertyValue<LayoutColumnGap>;

pub type LayoutRowGapValue = CssPropertyValue<LayoutRowGap>;

pub type LayoutGridTemplateColumnsValue = CssPropertyValue<GridTemplate>;

pub type LayoutGridTemplateRowsValue = CssPropertyValue<GridTemplate>;

pub type LayoutGridAutoColumnsValue = CssPropertyValue<GridAutoTracks>;

pub type LayoutGridAutoRowsValue = CssPropertyValue<GridAutoTracks>;

pub type LayoutGridColumnValue = CssPropertyValue<GridPlacement>;

pub type LayoutGridRowValue = CssPropertyValue<GridPlacement>;

pub type LayoutGridTemplateAreasValue = CssPropertyValue<crate::props::layout::grid::GridTemplateAreas>;

pub type LayoutWritingModeValue = CssPropertyValue<LayoutWritingMode>;

pub type LayoutClearValue = CssPropertyValue<LayoutClear>;

pub type LayoutGridAutoFlowValue = CssPropertyValue<LayoutGridAutoFlow>;

pub type LayoutJustifySelfValue = CssPropertyValue<LayoutJustifySelf>;

pub type LayoutJustifyItemsValue = CssPropertyValue<LayoutJustifyItems>;

pub type LayoutGapValue = CssPropertyValue<LayoutGap>;

pub type LayoutAlignSelfValue = CssPropertyValue<LayoutAlignSelf>;

pub type StyleFontValue = CssPropertyValue<StyleFontFamilyVec>;

pub type PageBreakValue = CssPropertyValue<PageBreak>;

pub type BreakInsideValue = CssPropertyValue<BreakInside>;

pub type WidowsValue = CssPropertyValue<Widows>;

pub type OrphansValue = CssPropertyValue<Orphans>;

pub type BoxDecorationBreakValue = CssPropertyValue<BoxDecorationBreak>;

pub type ColumnCountValue = CssPropertyValue<ColumnCount>;

pub type ColumnWidthValue = CssPropertyValue<ColumnWidth>;

pub type ColumnSpanValue = CssPropertyValue<ColumnSpan>;

pub type ColumnFillValue = CssPropertyValue<ColumnFill>;

pub type ColumnRuleWidthValue = CssPropertyValue<ColumnRuleWidth>;

pub type ColumnRuleStyleValue = CssPropertyValue<ColumnRuleStyle>;

pub type ColumnRuleColorValue = CssPropertyValue<ColumnRuleColor>;

pub type FlowIntoValue = CssPropertyValue<FlowInto>;

pub type FlowFromValue = CssPropertyValue<FlowFrom>;

pub type ShapeOutsideValue = CssPropertyValue<ShapeOutside>;

pub type ShapeInsideValue = CssPropertyValue<ShapeInside>;

pub type ClipPathValue = CssPropertyValue<ClipPath>;

pub type ShapeMarginValue = CssPropertyValue<ShapeMargin>;

pub type ShapeImageThresholdValue = CssPropertyValue<ShapeImageThreshold>;

pub type LayoutTableLayoutValue = CssPropertyValue<LayoutTableLayout>;

pub type StyleBorderCollapseValue = CssPropertyValue<StyleBorderCollapse>;

pub type LayoutBorderSpacingValue = CssPropertyValue<LayoutBorderSpacing>;

pub type StyleCaptionSideValue = CssPropertyValue<StyleCaptionSide>;

pub type StyleEmptyCellsValue = CssPropertyValue<StyleEmptyCells>;

pub type ContentValue = CssPropertyValue<Content>;

pub type CounterResetValue = CssPropertyValue<CounterReset>;

pub type CounterIncrementValue = CssPropertyValue<CounterIncrement>;

pub type StyleListStyleTypeValue = CssPropertyValue<StyleListStyleType>;

pub type StyleListStylePositionValue = CssPropertyValue<StyleListStylePosition>;

pub type StringSetValue = CssPropertyValue<StringSet>;

#[derive(Debug, Clone, PartialEq, Eq, PartialOrd, Ord, Hash)]

pub struct CssKeyMap {

    // Contains all keys that have no shorthand

    pub non_shorthands: BTreeMap<&'static str, CssPropertyType>,

    // Contains all keys that act as a shorthand for other types

    pub shorthands: BTreeMap<&'static str, CombinedCssPropertyType>,

}

impl CssKeyMap {

}

/// Returns a map useful for parsing the keys of CSS stylesheets

    CssKeyMap {

    }

#[derive(Debug, Copy, Clone, PartialEq, Eq, PartialOrd, Ord, Hash)]

#[repr(C)]

pub enum CombinedCssPropertyType {

    BorderRadius,

    Overflow,

    Margin,

    Border,

    BorderLeft,

    BorderRight,

    BorderTop,

    BorderBottom,

    BorderColor,

    BorderStyle,

    BorderWidth,

    Padding,

    BoxShadow,

    BackgroundColor, // BackgroundContent::Color

    BackgroundImage, // BackgroundContent::Image

    Background,

    Flex,

    Grid,

    Gap,

    GridGap,

    Font,

    Columns,

    ColumnRule,

    GridArea,

    TextBox,

    /// `inset-block` shorthand: sets `inset-block-start` + `inset-block-end`

    /// (maps to `top` + `bottom` in horizontal-tb writing mode)

    InsetBlock,

    /// `inset-inline` shorthand: sets `inset-inline-start` + `inset-inline-end`

    /// (maps to `left` + `right` in horizontal-tb writing mode)

    InsetInline,

}

impl fmt::Display for CombinedCssPropertyType {

}

impl CombinedCssPropertyType {

    /// Parses a CSS key, such as `width` from a string:

    ///

    /// # Example

    ///

    /// ```rust

    /// # use azul_css::props::property::{CombinedCssPropertyType, get_css_key_map};

    /// let map = get_css_key_map();

    /// assert_eq!(

    ///     Some(CombinedCssPropertyType::Border),

    ///     CombinedCssPropertyType::from_str("border", &map)

    /// );

    /// ```

    /// Returns the original string that was used to construct this `CssPropertyType`.

}

/// Represents one parsed CSS key-value pair, such as `"width: 20px"` =>

/// `CssProperty::Width(LayoutWidth::px(20.0))`

#[derive(Debug, Clone, PartialEq, Eq, Hash, PartialOrd, Ord)]

#[repr(C, u8)]

pub enum CssProperty {

    CaretColor(CaretColorValue),

    CaretAnimationDuration(CaretAnimationDurationValue),

    CaretWidth(CaretWidthValue),

    SelectionBackgroundColor(SelectionBackgroundColorValue),

    SelectionColor(SelectionColorValue),

    SelectionRadius(SelectionRadiusValue),

    TextColor(StyleTextColorValue),

    FontSize(StyleFontSizeValue),

    FontFamily(StyleFontFamilyVecValue),

    FontWeight(StyleFontWeightValue),

    FontStyle(StyleFontStyleValue),

    TextAlign(StyleTextAlignValue),

    TextJustify(LayoutTextJustifyValue),

    VerticalAlign(StyleVerticalAlignValue),

    LetterSpacing(StyleLetterSpacingValue),

    TextIndent(StyleTextIndentValue),

    InitialLetter(StyleInitialLetterValue),

    LineClamp(StyleLineClampValue),

    HangingPunctuation(StyleHangingPunctuationValue),

    TextCombineUpright(StyleTextCombineUprightValue),

    UnicodeBidi(StyleUnicodeBidiValue),

    TextBoxTrim(StyleTextBoxTrimValue),

    TextBoxEdge(StyleTextBoxEdgeValue),

    DominantBaseline(StyleDominantBaselineValue),

    AlignmentBaseline(StyleAlignmentBaselineValue),

    InitialLetterAlign(StyleInitialLetterAlignValue),

    InitialLetterWrap(StyleInitialLetterWrapValue),

    ScrollbarGutter(StyleScrollbarGutterValue),

    OverflowClipMargin(StyleOverflowClipMarginValue),

    Clip(StyleClipRectValue),

    ExclusionMargin(StyleExclusionMarginValue),

    HyphenationLanguage(StyleHyphenationLanguageValue),

    LineHeight(StyleLineHeightValue),

    WordSpacing(StyleWordSpacingValue),

    TabSize(StyleTabSizeValue),

    WhiteSpace(StyleWhiteSpaceValue),

    Hyphens(StyleHyphensValue),

    WordBreak(StyleWordBreakValue),

    OverflowWrap(StyleOverflowWrapValue),

    LineBreak(StyleLineBreakValue),

    ObjectFit(StyleObjectFitValue),

    ObjectPosition(StyleObjectPositionValue),

    AspectRatio(StyleAspectRatioValue),

    TextOrientation(StyleTextOrientationValue),

    TextAlignLast(StyleTextAlignLastValue),

    Direction(StyleDirectionValue),

    UserSelect(StyleUserSelectValue),

    TextDecoration(StyleTextDecorationValue),

    Cursor(StyleCursorValue),

    Display(LayoutDisplayValue),

    Float(LayoutFloatValue),

    BoxSizing(LayoutBoxSizingValue),

    Width(LayoutWidthValue),

    Height(LayoutHeightValue),

    MinWidth(LayoutMinWidthValue),

    MinHeight(LayoutMinHeightValue),

    MaxWidth(LayoutMaxWidthValue),

    MaxHeight(LayoutMaxHeightValue),

    Position(LayoutPositionValue),

    Top(LayoutTopValue),

    Right(LayoutRightValue),

    Left(LayoutLeftValue),

    Bottom(LayoutInsetBottomValue),

    ZIndex(LayoutZIndexValue),

    FlexWrap(LayoutFlexWrapValue),

    FlexDirection(LayoutFlexDirectionValue),

    FlexGrow(LayoutFlexGrowValue),

    FlexShrink(LayoutFlexShrinkValue),

    FlexBasis(LayoutFlexBasisValue),

    JustifyContent(LayoutJustifyContentValue),

    AlignItems(LayoutAlignItemsValue),

    AlignContent(LayoutAlignContentValue),

    ColumnGap(LayoutColumnGapValue),

    RowGap(LayoutRowGapValue),

    GridTemplateColumns(LayoutGridTemplateColumnsValue),

    GridTemplateRows(LayoutGridTemplateRowsValue),

    GridAutoColumns(LayoutGridAutoColumnsValue),

    GridAutoRows(LayoutGridAutoRowsValue),

    GridColumn(LayoutGridColumnValue),

    GridRow(LayoutGridRowValue),

    GridTemplateAreas(LayoutGridTemplateAreasValue),

    WritingMode(LayoutWritingModeValue),

    Clear(LayoutClearValue),

    BackgroundContent(StyleBackgroundContentVecValue),

    BackgroundPosition(StyleBackgroundPositionVecValue),

    BackgroundSize(StyleBackgroundSizeVecValue),

    BackgroundRepeat(StyleBackgroundRepeatVecValue),

    OverflowX(LayoutOverflowValue),

    OverflowY(LayoutOverflowValue),

    OverflowBlock(LayoutOverflowValue),

    OverflowInline(LayoutOverflowValue),

    GridAutoFlow(LayoutGridAutoFlowValue),

    JustifySelf(LayoutJustifySelfValue),

    JustifyItems(LayoutJustifyItemsValue),

    Gap(LayoutGapValue),

    GridGap(LayoutGapValue),

    AlignSelf(LayoutAlignSelfValue),

    Font(StyleFontValue),

    PaddingTop(LayoutPaddingTopValue),

    PaddingLeft(LayoutPaddingLeftValue),

    PaddingRight(LayoutPaddingRightValue),

    PaddingBottom(LayoutPaddingBottomValue),

    PaddingInlineStart(LayoutPaddingInlineStartValue),

    PaddingInlineEnd(LayoutPaddingInlineEndValue),

    MarginTop(LayoutMarginTopValue),

    MarginLeft(LayoutMarginLeftValue),

    MarginRight(LayoutMarginRightValue),

    MarginBottom(LayoutMarginBottomValue),

    BorderTopLeftRadius(StyleBorderTopLeftRadiusValue),

    BorderTopRightRadius(StyleBorderTopRightRadiusValue),

    BorderBottomLeftRadius(StyleBorderBottomLeftRadiusValue),

    BorderBottomRightRadius(StyleBorderBottomRightRadiusValue),

    BorderTopColor(StyleBorderTopColorValue),

    BorderRightColor(StyleBorderRightColorValue),

    BorderLeftColor(StyleBorderLeftColorValue),

    BorderBottomColor(StyleBorderBottomColorValue),

    BorderTopStyle(StyleBorderTopStyleValue),

    BorderRightStyle(StyleBorderRightStyleValue),

    BorderLeftStyle(StyleBorderLeftStyleValue),

    BorderBottomStyle(StyleBorderBottomStyleValue),

    BorderTopWidth(LayoutBorderTopWidthValue),

    BorderRightWidth(LayoutBorderRightWidthValue),

    BorderLeftWidth(LayoutBorderLeftWidthValue),

    BorderBottomWidth(LayoutBorderBottomWidthValue),

    BoxShadowLeft(StyleBoxShadowValue),

    BoxShadowRight(StyleBoxShadowValue),

    BoxShadowTop(StyleBoxShadowValue),

    BoxShadowBottom(StyleBoxShadowValue),

    ScrollbarTrack(StyleBackgroundContentValue),

    ScrollbarThumb(StyleBackgroundContentValue),

    ScrollbarButton(StyleBackgroundContentValue),

    ScrollbarCorner(StyleBackgroundContentValue),

    ScrollbarResizer(StyleBackgroundContentValue),

    ScrollbarWidth(LayoutScrollbarWidthValue),

    ScrollbarColor(StyleScrollbarColorValue),

    ScrollbarVisibility(ScrollbarVisibilityModeValue),

    ScrollbarFadeDelay(ScrollbarFadeDelayValue),

    ScrollbarFadeDuration(ScrollbarFadeDurationValue),

    Opacity(StyleOpacityValue),

    Visibility(StyleVisibilityValue),

    Transform(StyleTransformVecValue),

    TransformOrigin(StyleTransformOriginValue),

    PerspectiveOrigin(StylePerspectiveOriginValue),

    BackfaceVisibility(StyleBackfaceVisibilityValue),

    MixBlendMode(StyleMixBlendModeValue),

    Filter(StyleFilterVecValue),

    BackdropFilter(StyleFilterVecValue),

    TextShadow(StyleBoxShadowValue),

    BreakBefore(PageBreakValue),

    BreakAfter(PageBreakValue),

    BreakInside(BreakInsideValue),

    Orphans(OrphansValue),

    Widows(WidowsValue),

    BoxDecorationBreak(BoxDecorationBreakValue),

    ColumnCount(ColumnCountValue),

    ColumnWidth(ColumnWidthValue),

    ColumnSpan(ColumnSpanValue),

    ColumnFill(ColumnFillValue),

    ColumnRuleWidth(ColumnRuleWidthValue),

    ColumnRuleStyle(ColumnRuleStyleValue),

    ColumnRuleColor(ColumnRuleColorValue),

    FlowInto(FlowIntoValue),

    FlowFrom(FlowFromValue),

    ShapeOutside(ShapeOutsideValue),

    ShapeInside(ShapeInsideValue),

    ClipPath(ClipPathValue),

    ShapeMargin(ShapeMarginValue),

    ShapeImageThreshold(ShapeImageThresholdValue),

    TableLayout(LayoutTableLayoutValue),

    BorderCollapse(StyleBorderCollapseValue),

    BorderSpacing(LayoutBorderSpacingValue),

    CaptionSide(StyleCaptionSideValue),

    EmptyCells(StyleEmptyCellsValue),

    Content(ContentValue),

    CounterReset(CounterResetValue),

    CounterIncrement(CounterIncrementValue),

    ListStyleType(StyleListStyleTypeValue),

    ListStylePosition(StyleListStylePositionValue),

    StringSet(StringSetValue),

}

impl_option!(

    CssProperty,

    OptionCssProperty,

    copy = false,

    [Debug, Clone, PartialEq, Eq, Hash, PartialOrd, Ord]

);

crate::impl_vec!(CssProperty, CssPropertyVec, CssPropertyVecDestructor, CssPropertyVecDestructorType, CssPropertyVecSlice, OptionCssProperty);

crate::impl_vec_clone!(CssProperty, CssPropertyVec, CssPropertyVecDestructor);

crate::impl_vec_debug!(CssProperty, CssPropertyVec);

crate::impl_vec_partialeq!(CssProperty, CssPropertyVec);

crate::impl_vec_eq!(CssProperty, CssPropertyVec);

crate::impl_vec_partialord!(CssProperty, CssPropertyVec);

crate::impl_vec_ord!(CssProperty, CssPropertyVec);

crate::impl_vec_hash!(CssProperty, CssPropertyVec);

/// Categorizes a CSS property by its effect on the layout pipeline.

#[derive(Debug, Copy, Clone, PartialEq, Eq, PartialOrd, Ord, Hash)]

pub enum CssPropertyCategory {

    GpuOnly,

    /// Affects geometry (width, height, margin, padding, font-size, etc.)

    Layout,

    /// Affects only appearance (color, background-color, etc.)

    Paint,

    /// A layout-affecting property that also requires children to be re-evaluated.

    InheritedLayout,

    /// A paint-affecting property that also requires children to be re-evaluated.

    InheritedPaint,

}

/// Fine-grained dirty classification for CSS property changes.

///

/// Inspired by Taffy's binary dirty flag but extended to 4 levels for CSS-specific

/// optimizations. Instead of "clean vs dirty", we classify property changes by their

/// actual layout impact, enabling the engine to skip unnecessary work.

///

/// Reference: Taffy (https://github.com/DioxusLabs/taffy) uses a binary dirty flag

/// (clean/dirty). Our improvement: 4-level classification enables IFC-only reflow,

/// sizing-only recomputation, and paint-only updates without full subtree relayout.

#[derive(Debug, Clone, Copy, PartialEq, Eq, PartialOrd, Ord, Hash)]

#[repr(C)]

#[derive(Default)]

pub enum RelayoutScope {

    /// No relayout needed — repaint only (e.g., color, background, opacity, transform).

    /// The node's size and position are unchanged.

    #[default]

    None,

    /// Only the IFC (Inline Formatting Context) containing this node needs re-shaping.

    /// Block-level siblings are unaffected unless the IFC height changes,

    /// in which case this auto-upgrades to SizingOnly.

    IfcOnly,

    /// This node's sizing needs recomputation. Parent may need repositioning

    /// of subsequent siblings but doesn't need full recursive relayout.

    SizingOnly,

    /// Full subtree relayout required (e.g., display, position, float change).

    Full,

}

/// Represents a CSS key (for example `"border-radius"` => `BorderRadius`).

/// You can also derive this key from a `CssProperty` by calling `CssProperty::get_type()`.

#[derive(Copy, Clone, PartialEq, Eq, PartialOrd, Ord, Hash)]

#[repr(C)]

pub enum CssPropertyType {

    CaretColor,

    CaretAnimationDuration,

    CaretWidth,

    SelectionBackgroundColor,

    SelectionColor,

    SelectionRadius,

    TextColor,

    FontSize,

    FontFamily,

    FontWeight,

    FontStyle,

    TextAlign,

    TextJustify,

    VerticalAlign,

    LetterSpacing,

    TextIndent,

    InitialLetter,

    LineClamp,

    HangingPunctuation,

    TextCombineUpright,

    UnicodeBidi,

    TextBoxTrim,

    TextBoxEdge,

    DominantBaseline,

    AlignmentBaseline,

    InitialLetterAlign,

    InitialLetterWrap,

    ScrollbarGutter,

    OverflowClipMargin,

    Clip,

    ExclusionMargin,

    HyphenationLanguage,

    LineHeight,

    WordSpacing,

    TabSize,

    WhiteSpace,

    Hyphens,

    WordBreak,

    OverflowWrap,

    LineBreak,

    ObjectFit,

    ObjectPosition,

    AspectRatio,

    TextOrientation,

    TextAlignLast,

    Direction,

    UserSelect,

    TextDecoration,

    Cursor,

    Display,

    Float,

    BoxSizing,

    Width,

    Height,

    MinWidth,

    MinHeight,

    MaxWidth,

    MaxHeight,

    Position,

    Top,

    Right,

    Left,

    Bottom,

    ZIndex,

    FlexWrap,

    FlexDirection,

    FlexGrow,

    FlexShrink,

    FlexBasis,

    JustifyContent,

    AlignItems,

    AlignContent,

    ColumnGap,

    RowGap,

    GridTemplateColumns,

    GridTemplateRows,

    GridAutoColumns,

    GridAutoRows,

    GridColumn,

    GridRow,

    GridTemplateAreas,

    GridAutoFlow,

    JustifySelf,

    JustifyItems,

    Gap,

    GridGap,

    AlignSelf,

    Font,

    WritingMode,

    Clear,

    BackgroundContent,

    BackgroundPosition,

    BackgroundSize,

    BackgroundRepeat,

    OverflowX,

    OverflowY,

    OverflowBlock,

    OverflowInline,

    PaddingTop,

    PaddingLeft,

    PaddingRight,

    PaddingBottom,

    PaddingInlineStart,

    PaddingInlineEnd,

    MarginTop,

    MarginLeft,

    MarginRight,

    MarginBottom,

    BorderTopLeftRadius,

    BorderTopRightRadius,

    BorderBottomLeftRadius,

    BorderBottomRightRadius,

    BorderTopColor,

    BorderRightColor,

    BorderLeftColor,

    BorderBottomColor,

    BorderTopStyle,

    BorderRightStyle,

    BorderLeftStyle,

    BorderBottomStyle,

    BorderTopWidth,

    BorderRightWidth,

    BorderLeftWidth,

    BorderBottomWidth,

    BoxShadowLeft,

    BoxShadowRight,

    BoxShadowTop,

    BoxShadowBottom,

    ScrollbarTrack,

    ScrollbarThumb,

    ScrollbarButton,

    ScrollbarCorner,

    ScrollbarResizer,

    ScrollbarWidth,

    ScrollbarColor,

    ScrollbarVisibility,

    ScrollbarFadeDelay,

    ScrollbarFadeDuration,

    Opacity,

    Visibility,

    Transform,

    TransformOrigin,

    PerspectiveOrigin,

    BackfaceVisibility,

    MixBlendMode,

    Filter,

    BackdropFilter,

    TextShadow,

    BreakBefore,

    BreakAfter,

    BreakInside,

    Orphans,

    Widows,

    BoxDecorationBreak,

    ColumnCount,

    ColumnWidth,

    ColumnSpan,

    ColumnFill,

    ColumnRuleWidth,

    ColumnRuleStyle,

    ColumnRuleColor,

    FlowInto,

    FlowFrom,

    ShapeOutside,

    ShapeInside,

    ClipPath,

    ShapeMargin,

    ShapeImageThreshold,

    TableLayout,

    BorderCollapse,

    BorderSpacing,

    CaptionSide,

    EmptyCells,

    Content,

    CounterReset,

    CounterIncrement,

    ListStyleType,

    ListStylePosition,

    StringSet,

}

impl CssPropertyType {

    /// All CSS property types, in declaration order.

    ///

    /// Use this instead of strum's EnumIter — ensures a compile error

    /// if a variant is added to the enum but not to this array.

    pub const ALL: &[CssPropertyType] = &[

        CssPropertyType::CaretColor,

        CssPropertyType::CaretAnimationDuration,

        CssPropertyType::CaretWidth,

        CssPropertyType::SelectionBackgroundColor,

        CssPropertyType::SelectionColor,

        CssPropertyType::SelectionRadius,

        CssPropertyType::TextColor,

        CssPropertyType::FontSize,

        CssPropertyType::FontFamily,

        CssPropertyType::FontWeight,

        CssPropertyType::FontStyle,

        CssPropertyType::TextAlign,

        CssPropertyType::TextJustify,

        CssPropertyType::VerticalAlign,

        CssPropertyType::LetterSpacing,

        CssPropertyType::TextIndent,

        CssPropertyType::InitialLetter,

        CssPropertyType::LineClamp,

        CssPropertyType::HangingPunctuation,

        CssPropertyType::TextCombineUpright,

        CssPropertyType::UnicodeBidi,

        CssPropertyType::TextBoxTrim,

        CssPropertyType::TextBoxEdge,

        CssPropertyType::DominantBaseline,

        CssPropertyType::AlignmentBaseline,

        CssPropertyType::InitialLetterAlign,

        CssPropertyType::InitialLetterWrap,

        CssPropertyType::ScrollbarGutter,

        CssPropertyType::OverflowClipMargin,

        CssPropertyType::Clip,

        CssPropertyType::ExclusionMargin,

        CssPropertyType::HyphenationLanguage,

        CssPropertyType::LineHeight,

        CssPropertyType::WordSpacing,

        CssPropertyType::TabSize,

        CssPropertyType::WhiteSpace,

        CssPropertyType::Hyphens,

        CssPropertyType::WordBreak,

        CssPropertyType::OverflowWrap,

        CssPropertyType::LineBreak,

        CssPropertyType::ObjectFit,

        CssPropertyType::ObjectPosition,

        CssPropertyType::AspectRatio,

        CssPropertyType::TextOrientation,

        CssPropertyType::TextAlignLast,

        CssPropertyType::Direction,

        CssPropertyType::UserSelect,

        CssPropertyType::TextDecoration,

        CssPropertyType::Cursor,

        CssPropertyType::Display,

        CssPropertyType::Float,

        CssPropertyType::BoxSizing,

        CssPropertyType::Width,

        CssPropertyType::Height,

        CssPropertyType::MinWidth,

        CssPropertyType::MinHeight,

        CssPropertyType::MaxWidth,

        CssPropertyType::MaxHeight,

        CssPropertyType::Position,

        CssPropertyType::Top,

        CssPropertyType::Right,

        CssPropertyType::Left,

        CssPropertyType::Bottom,

        CssPropertyType::ZIndex,

        CssPropertyType::FlexWrap,

        CssPropertyType::FlexDirection,

        CssPropertyType::FlexGrow,

        CssPropertyType::FlexShrink,

        CssPropertyType::FlexBasis,

        CssPropertyType::JustifyContent,

        CssPropertyType::AlignItems,

        CssPropertyType::AlignContent,

        CssPropertyType::ColumnGap,

        CssPropertyType::RowGap,

        CssPropertyType::GridTemplateColumns,

        CssPropertyType::GridTemplateRows,

        CssPropertyType::GridAutoColumns,

        CssPropertyType::GridAutoRows,

        CssPropertyType::GridColumn,

        CssPropertyType::GridRow,

        CssPropertyType::GridTemplateAreas,

        CssPropertyType::GridAutoFlow,

        CssPropertyType::JustifySelf,

        CssPropertyType::JustifyItems,

        CssPropertyType::Gap,

        CssPropertyType::GridGap,

        CssPropertyType::AlignSelf,

        CssPropertyType::Font,

        CssPropertyType::WritingMode,

        CssPropertyType::Clear,

        CssPropertyType::BackgroundContent,

        CssPropertyType::BackgroundPosition,

        CssPropertyType::BackgroundSize,

        CssPropertyType::BackgroundRepeat,

        CssPropertyType::OverflowX,

        CssPropertyType::OverflowY,

        CssPropertyType::OverflowBlock,

        CssPropertyType::OverflowInline,

        CssPropertyType::PaddingTop,

        CssPropertyType::PaddingLeft,

        CssPropertyType::PaddingRight,

        CssPropertyType::PaddingBottom,

        CssPropertyType::PaddingInlineStart,

        CssPropertyType::PaddingInlineEnd,

        CssPropertyType::MarginTop,

        CssPropertyType::MarginLeft,

        CssPropertyType::MarginRight,

        CssPropertyType::MarginBottom,

        CssPropertyType::BorderTopLeftRadius,

        CssPropertyType::BorderTopRightRadius,

        CssPropertyType::BorderBottomLeftRadius,

        CssPropertyType::BorderBottomRightRadius,

        CssPropertyType::BorderTopColor,

        CssPropertyType::BorderRightColor,

        CssPropertyType::BorderLeftColor,

        CssPropertyType::BorderBottomColor,

        CssPropertyType::BorderTopStyle,

        CssPropertyType::BorderRightStyle,

        CssPropertyType::BorderLeftStyle,

        CssPropertyType::BorderBottomStyle,

        CssPropertyType::BorderTopWidth,

        CssPropertyType::BorderRightWidth,

        CssPropertyType::BorderLeftWidth,

        CssPropertyType::BorderBottomWidth,

        CssPropertyType::BoxShadowLeft,

        CssPropertyType::BoxShadowRight,

        CssPropertyType::BoxShadowTop,

        CssPropertyType::BoxShadowBottom,

        CssPropertyType::ScrollbarTrack,

        CssPropertyType::ScrollbarThumb,

        CssPropertyType::ScrollbarButton,

        CssPropertyType::ScrollbarCorner,

        CssPropertyType::ScrollbarResizer,

        CssPropertyType::ScrollbarWidth,

        CssPropertyType::ScrollbarColor,

        CssPropertyType::ScrollbarVisibility,

        CssPropertyType::ScrollbarFadeDelay,

        CssPropertyType::ScrollbarFadeDuration,

        CssPropertyType::Opacity,

        CssPropertyType::Visibility,

        CssPropertyType::Transform,

        CssPropertyType::TransformOrigin,

        CssPropertyType::PerspectiveOrigin,

        CssPropertyType::BackfaceVisibility,

        CssPropertyType::MixBlendMode,

        CssPropertyType::Filter,

        CssPropertyType::BackdropFilter,

        CssPropertyType::TextShadow,

        CssPropertyType::BreakBefore,

        CssPropertyType::BreakAfter,

        CssPropertyType::BreakInside,

        CssPropertyType::Orphans,

        CssPropertyType::Widows,

        CssPropertyType::BoxDecorationBreak,

        CssPropertyType::ColumnCount,

        CssPropertyType::ColumnWidth,

        CssPropertyType::ColumnSpan,

        CssPropertyType::ColumnFill,

        CssPropertyType::ColumnRuleWidth,

        CssPropertyType::ColumnRuleStyle,

        CssPropertyType::ColumnRuleColor,

        CssPropertyType::FlowInto,

        CssPropertyType::FlowFrom,

        CssPropertyType::ShapeOutside,

        CssPropertyType::ShapeInside,

        CssPropertyType::ClipPath,

        CssPropertyType::ShapeMargin,

        CssPropertyType::ShapeImageThreshold,

        CssPropertyType::TableLayout,

        CssPropertyType::BorderCollapse,

        CssPropertyType::BorderSpacing,

        CssPropertyType::CaptionSide,

        CssPropertyType::EmptyCells,

        CssPropertyType::Content,

        CssPropertyType::CounterReset,

        CssPropertyType::CounterIncrement,

        CssPropertyType::ListStyleType,

        CssPropertyType::ListStylePosition,

        CssPropertyType::StringSet,

    ];

    /// Returns an iterator over all CSS property types.

}

impl fmt::Debug for CssPropertyType {

}

impl fmt::Display for CssPropertyType {

}

impl CssPropertyType {

    /// Parses a CSS key, such as `width` from a string:

    ///

    /// # Example

    ///

    /// ```rust

    /// # use azul_css::props::property::{CssPropertyType, get_css_key_map};

    /// let map = get_css_key_map();

    /// assert_eq!(

    ///     Some(CssPropertyType::Width),

    ///     CssPropertyType::from_str("width", &map)

    /// );

    /// assert_eq!(

    ///     Some(CssPropertyType::JustifyContent),

    ///     CssPropertyType::from_str("justify-content", &map)

    /// );

    /// assert_eq!(None, CssPropertyType::from_str("asdfasdfasdf", &map));

    /// ```

    /// Returns the original string that was used to construct this `CssPropertyType`.