Abasov Akif
3 years ago
committed by
GitHub
31 changed files with 675 additions and 777 deletions
@ -0,0 +1,38 @@ |
|||||||
|
/* |
||||||
|
* Copyright 2020-2021 JetBrains s.r.o. and respective authors and developers. |
||||||
|
* Use of this source code is governed by the Apache 2.0 license that can be found in the LICENSE.txt file. |
||||||
|
*/ |
||||||
|
|
||||||
|
@file:Suppress("UNUSED", "NOTHING_TO_INLINE", "FunctionName") |
||||||
|
package org.jetbrains.compose.web.css |
||||||
|
|
||||||
|
import org.w3c.dom.css.* |
||||||
|
import org.w3c.dom.css.StyleSheet |
||||||
|
|
||||||
|
inline val StyleSheet.cssRules |
||||||
|
get() = this.asDynamic().cssRules.unsafeCast<CSSRuleList>() |
||||||
|
|
||||||
|
|
||||||
|
inline fun StyleSheet.deleteRule(index: Int) { |
||||||
|
this.asDynamic().deleteRule(index) |
||||||
|
} |
||||||
|
|
||||||
|
fun StyleSheet.insertRule(cssRule: String, index: Int? = null): Int { |
||||||
|
return if (index != null) { |
||||||
|
this.asDynamic().insertRule(cssRule, index).unsafeCast<Int>() |
||||||
|
} else { |
||||||
|
this.asDynamic().insertRule(cssRule).unsafeCast<Int>() |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
inline operator fun CSSRuleList.get(index: Int): CSSRule { |
||||||
|
return this.asDynamic()[index].unsafeCast<CSSRule>() |
||||||
|
} |
||||||
|
|
||||||
|
@Suppress("NOTHING_TO_INLINE") |
||||||
|
inline fun <T : Any> jsObject(): T = |
||||||
|
js("({})") |
||||||
|
|
||||||
|
inline fun <T : Any> jsObject(builder: T.() -> Unit): T = |
||||||
|
jsObject<T>().apply(builder) |
||||||
@ -1,299 +0,0 @@ |
|||||||
@file:Suppress("UNUSED", "NOTHING_TO_INLINE") |
|
||||||
package org.jetbrains.compose.web.css |
|
||||||
|
|
||||||
import kotlinx.browser.window |
|
||||||
import org.w3c.dom.DOMMatrix |
|
||||||
import org.w3c.dom.DOMMatrixReadOnly |
|
||||||
import org.w3c.dom.Element |
|
||||||
import org.w3c.dom.css.CSSRule |
|
||||||
import org.w3c.dom.css.CSSRuleList |
|
||||||
import org.w3c.dom.css.CSSStyleRule |
|
||||||
import org.w3c.dom.css.ElementCSSInlineStyle |
|
||||||
import org.w3c.dom.css.StyleSheet |
|
||||||
|
|
||||||
inline val StyleSheet.cssRules |
|
||||||
get() = this.asDynamic().cssRules.unsafeCast<CSSRuleList>() |
|
||||||
|
|
||||||
inline fun StyleSheet.deleteRule(index: Int) { |
|
||||||
this.asDynamic().deleteRule(index) |
|
||||||
} |
|
||||||
|
|
||||||
inline val CSSStyleRule.styleMap |
|
||||||
get() = this.asDynamic().styleMap.unsafeCast<StylePropertyMap>() |
|
||||||
|
|
||||||
inline operator fun CSSRuleList.get(index: Int): CSSRule { |
|
||||||
return this.asDynamic()[index].unsafeCast<CSSRule>() |
|
||||||
} |
|
||||||
|
|
||||||
fun StyleSheet.insertRule(cssRule: String, index: Int? = null): Int { |
|
||||||
return if (index != null) { |
|
||||||
this.asDynamic().insertRule(cssRule, index).unsafeCast<Int>() |
|
||||||
} else { |
|
||||||
this.asDynamic().insertRule(cssRule).unsafeCast<Int>() |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
val ElementCSSInlineStyle.attributeStyleMap |
|
||||||
get() = this.asDynamic().attributeStyleMap.unsafeCast<StylePropertyMap>() |
|
||||||
|
|
||||||
external interface CSSStyleValue : StylePropertyValue |
|
||||||
|
|
||||||
@JsName("CSSStyleValue") |
|
||||||
open external class CSSStyleValueJS : CSSStyleValue { |
|
||||||
companion object { |
|
||||||
fun parse(property: String, cssText: String): CSSStyleValue |
|
||||||
fun parseAll(property: String, cssText: String): Array<CSSStyleValue> |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSVariableReferenceValue( |
|
||||||
variable: String, |
|
||||||
fallback: CSSUnparsedValue? = definedExternally |
|
||||||
) { |
|
||||||
val variable: String |
|
||||||
val fallback: CSSUnparsedValue? |
|
||||||
} |
|
||||||
|
|
||||||
// type CSSUnparsedSegment = String | CSSVariableReferenceValue |
|
||||||
interface CSSUnparsedSegment { |
|
||||||
companion object { |
|
||||||
operator fun invoke(value: String) = value.unsafeCast<CSSUnparsedSegment>() |
|
||||||
operator fun invoke(value: CSSVariableReferenceValue) = |
|
||||||
value.unsafeCast<CSSUnparsedSegment>() |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
fun CSSUnparsedSegment.asString() = this.asDynamic() as? String |
|
||||||
fun CSSUnparsedSegment.asCSSVariableReferenceValue() = |
|
||||||
this.asDynamic() as? CSSVariableReferenceValue |
|
||||||
|
|
||||||
external class CSSUnparsedValue(members: Array<CSSUnparsedSegment>) : CSSStyleValue { |
|
||||||
// TODO: [Symbol.iterator]() : IterableIterator<CSSUnparsedSegment> |
|
||||||
fun forEach(handler: (CSSUnparsedSegment) -> Unit) |
|
||||||
val length: Int |
|
||||||
|
|
||||||
// readonly [index: number]: CSSUnparsedSegment |
|
||||||
operator fun get(index: Int): CSSUnparsedSegment |
|
||||||
operator fun set(index: Int, value: CSSUnparsedSegment) |
|
||||||
} |
|
||||||
|
|
||||||
// type CSSNumberish = number | CSSNumericValue |
|
||||||
interface CSSNumberish { |
|
||||||
companion object { |
|
||||||
operator fun invoke(value: Number) = value.unsafeCast<CSSNumberish>() |
|
||||||
operator fun invoke(value: CSSNumericValue) = |
|
||||||
value.unsafeCast<CSSNumberish>() |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
fun CSSNumberish.asNumber() = this.asDynamic() as? Number |
|
||||||
fun CSSNumberish.asCSSNumericValue(): CSSNumericValue? = this.asDynamic() as? CSSNumericValue |
|
||||||
|
|
||||||
// declare enum CSSNumericBaseType { |
|
||||||
// 'length', |
|
||||||
// 'angle', |
|
||||||
// 'time', |
|
||||||
// 'frequency', |
|
||||||
// 'resolution', |
|
||||||
// 'flex', |
|
||||||
// 'percent', |
|
||||||
// } |
|
||||||
enum class CSSNumericBaseType(val value: String) { |
|
||||||
@JsName("_length") |
|
||||||
length("length"), |
|
||||||
angle("angle"), |
|
||||||
time("time"), |
|
||||||
frequency("frequency"), |
|
||||||
resolution("resolution"), |
|
||||||
flex("flex"), |
|
||||||
percent("percent") |
|
||||||
} |
|
||||||
|
|
||||||
external interface CSSNumericType { |
|
||||||
val length: Number |
|
||||||
val angle: Number |
|
||||||
val time: Number |
|
||||||
val frequency: Number |
|
||||||
val resolution: Number |
|
||||||
val flex: Number |
|
||||||
val percent: Number |
|
||||||
// percentHint: CSSNumericBaseType |
|
||||||
} |
|
||||||
|
|
||||||
val CSSNumericType.percentHint |
|
||||||
get() = CSSNumericBaseType.valueOf(this.asDynamic().percentHint) |
|
||||||
// set(value) { this.asDynamic().percentHint = value.value } |
|
||||||
|
|
||||||
external interface CSSNumericValue : CSSStyleValue |
|
||||||
|
|
||||||
// declare enum CSSMathOperator { |
|
||||||
// 'sum', |
|
||||||
// 'product', |
|
||||||
// 'negate', |
|
||||||
// 'invert', |
|
||||||
// 'min', |
|
||||||
// 'max', |
|
||||||
// 'clamp', |
|
||||||
// } |
|
||||||
enum class CSSMathOperator(val value: String) { |
|
||||||
sum("sum"), |
|
||||||
product("product"), |
|
||||||
negate("negate"), |
|
||||||
invert("invert"), |
|
||||||
min("min"), |
|
||||||
max("max"), |
|
||||||
clamp("clamp") |
|
||||||
} |
|
||||||
|
|
||||||
open external class CSSMathValue : CSSNumericValue |
|
||||||
|
|
||||||
val CSSMathValue.operator |
|
||||||
get() = CSSMathOperator.valueOf(this.asDynamic().operator) |
|
||||||
// set(value) { this.asDynamic().operator = value.value } |
|
||||||
|
|
||||||
external class CSSMathSum(vararg args: CSSNumberish) : CSSMathValue { |
|
||||||
val values: CSSNumericArray |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSMathProduct(vararg args: CSSNumberish) : CSSMathValue { |
|
||||||
val values: CSSNumericArray |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSMathNegate(arg: CSSNumberish) : CSSMathValue { |
|
||||||
val value: CSSNumericValue |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSMathInvert(arg: CSSNumberish) : CSSMathValue { |
|
||||||
val value: CSSNumericValue |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSMathMin(vararg args: CSSNumberish) : CSSMathValue { |
|
||||||
val values: CSSNumericArray |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSMathMax(vararg args: CSSNumberish) : CSSMathValue { |
|
||||||
val values: CSSNumericArray |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSNumericArray { |
|
||||||
// TODO: [Symbol.iterator]() : IterableIterator<CSSNumericValue> |
|
||||||
fun forEach(handler: (CSSNumericValue) -> Unit) |
|
||||||
val length: Int |
|
||||||
|
|
||||||
// readonly [index: number]: CSSNumericValue |
|
||||||
operator fun get(index: Int): CSSNumericValue |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSTransformValue(transforms: Array<CSSTransformComponent>) : CSSStyleValue { |
|
||||||
// [Symbol.iterator]() : IterableIterator<CSSTransformComponent> |
|
||||||
fun forEach(handler: (CSSTransformComponent) -> Unit) |
|
||||||
val length: Int |
|
||||||
|
|
||||||
// [index: number]: CSSTransformComponent |
|
||||||
operator fun get(index: Int): CSSTransformComponent |
|
||||||
operator fun set(index: Int, value: CSSTransformComponent) |
|
||||||
val is2D: Boolean |
|
||||||
fun toMatrix(): DOMMatrix |
|
||||||
} |
|
||||||
|
|
||||||
open external class CSSTransformComponent { |
|
||||||
val is2D: Boolean |
|
||||||
fun toMatrix(): DOMMatrix |
|
||||||
// toString() : string |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSTranslate( |
|
||||||
x: CSSNumericValue, |
|
||||||
y: CSSNumericValue, |
|
||||||
z: CSSNumericValue? = definedExternally |
|
||||||
) : CSSTransformComponent { |
|
||||||
val x: CSSNumericValue |
|
||||||
val y: CSSNumericValue |
|
||||||
val z: CSSNumericValue |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSRotate(angle: CSSNumericValue) : CSSTransformComponent { |
|
||||||
constructor(x: CSSNumberish, y: CSSNumberish, z: CSSNumberish, angle: CSSNumericValue) |
|
||||||
|
|
||||||
val x: CSSNumberish |
|
||||||
val y: CSSNumberish |
|
||||||
val z: CSSNumberish |
|
||||||
val angle: CSSNumericValue |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSScale( |
|
||||||
x: CSSNumberish, |
|
||||||
y: CSSNumberish, |
|
||||||
z: CSSNumberish? = definedExternally |
|
||||||
) : CSSTransformComponent { |
|
||||||
val x: CSSNumberish |
|
||||||
val y: CSSNumberish |
|
||||||
val z: CSSNumberish |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSSkew(ax: CSSNumericValue, ay: CSSNumericValue) : CSSTransformComponent { |
|
||||||
val ax: CSSNumericValue |
|
||||||
val ay: CSSNumericValue |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSSkewX(ax: CSSNumericValue) : CSSTransformComponent { |
|
||||||
val ax: CSSNumericValue |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSSkewY(ay: CSSNumericValue) : CSSTransformComponent { |
|
||||||
val ay: CSSNumericValue |
|
||||||
} |
|
||||||
|
|
||||||
/* Note that skew(x,y) is *not* the same as skewX(x) skewY(y), |
|
||||||
thus the separate interfaces for all three. */ |
|
||||||
|
|
||||||
external class CSSPerspective(length: CSSNumericValue) : CSSTransformComponent { |
|
||||||
val length: CSSNumericValue |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSMatrixComponent( |
|
||||||
matrix: DOMMatrixReadOnly, |
|
||||||
options: CSSMatrixComponentOptions? = definedExternally |
|
||||||
) : CSSTransformComponent { |
|
||||||
val matrix: DOMMatrix |
|
||||||
} |
|
||||||
|
|
||||||
external interface CSSMatrixComponentOptions { |
|
||||||
val is2D: Boolean |
|
||||||
} |
|
||||||
|
|
||||||
external class CSSImageValue : CSSStyleValue |
|
||||||
|
|
||||||
open external class StylePropertyMapReadOnly { |
|
||||||
// TODO: [Symbol.iterator]() : IterableIterator<[string, CSSStyleValue[]]> |
|
||||||
|
|
||||||
fun get(property: String): CSSStyleValue? // CSSStyleValue | undefined |
|
||||||
fun getAll(property: String): Array<CSSStyleValue> |
|
||||||
fun has(property: String): Boolean |
|
||||||
val size: Number |
|
||||||
} |
|
||||||
|
|
||||||
fun StylePropertyMapReadOnly.forEach(handler: (String, Array<CSSStyleValue>) -> Unit) { |
|
||||||
this.asDynamic().forEach { entry: Array<dynamic> -> |
|
||||||
handler( |
|
||||||
entry[0].unsafeCast<String>(), |
|
||||||
entry[1].unsafeCast<Array<CSSStyleValue>>() |
|
||||||
) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
// CSSStyleValue | string |
|
||||||
external interface StylePropertyValue |
|
||||||
|
|
||||||
external class StylePropertyMap : StylePropertyMapReadOnly { |
|
||||||
fun set(property: String, vararg values: StylePropertyValue) |
|
||||||
fun append(property: String, vararg values: StylePropertyValue) |
|
||||||
fun delete(property: String) |
|
||||||
fun clear() |
|
||||||
} |
|
||||||
|
|
||||||
inline fun Element.computedStyleMap(): StylePropertyMapReadOnly = |
|
||||||
this.asDynamic().computedStyleMap().unsafeCast<StylePropertyMapReadOnly>() |
|
||||||
|
|
||||||
@Suppress("unused") |
|
||||||
val cssTypedOMPolyfill = CSSTypedOMPolyfill.default(window) |
|
||||||
@ -0,0 +1,183 @@ |
|||||||
|
@file:Suppress("Unused", "NOTHING_TO_INLINE", "NESTED_CLASS_IN_EXTERNAL_INTERFACE", "INLINE_EXTERNAL_DECLARATION", "WRONG_BODY_OF_EXTERNAL_DECLARATION", "NESTED_EXTERNAL_DECLARATION") |
||||||
|
|
||||||
|
package org.jetbrains.compose.web.css |
||||||
|
|
||||||
|
external interface StylePropertyEnum: StylePropertyString |
||||||
|
inline val StylePropertyEnum.name get() = this.unsafeCast<String>() |
||||||
|
inline val StylePropertyEnum.value get() = this.unsafeCast<String>() |
||||||
|
|
||||||
|
external interface LineStyle: StylePropertyEnum { |
||||||
|
external companion object { |
||||||
|
inline val None get() = LineStyle("none") |
||||||
|
inline val Hidden get() = LineStyle("hidden") |
||||||
|
inline val Dotted get() = LineStyle("dotted") |
||||||
|
inline val Dashed get() = LineStyle("dashed") |
||||||
|
inline val Solid get() = LineStyle("solid") |
||||||
|
inline val Double get() = LineStyle("double") |
||||||
|
inline val Groove get() = LineStyle("groove") |
||||||
|
inline val Ridge get() = LineStyle("ridge") |
||||||
|
inline val Inset get() = LineStyle("inset") |
||||||
|
inline val Outset get() = LineStyle("outset") |
||||||
|
} |
||||||
|
} |
||||||
|
inline fun LineStyle(value: String) = value.unsafeCast<LineStyle>() |
||||||
|
|
||||||
|
external interface DisplayStyle: StylePropertyEnum { |
||||||
|
external companion object { |
||||||
|
inline val Block get() = DisplayStyle("block") |
||||||
|
inline val Inline get() = DisplayStyle("inline") |
||||||
|
inline val InlineBlock get() = DisplayStyle("inline-block") |
||||||
|
inline val Flex get() = DisplayStyle("flex") |
||||||
|
inline val LegacyInlineFlex get() = DisplayStyle("inline-flex") |
||||||
|
inline val Grid get() = DisplayStyle("grid") |
||||||
|
inline val LegacyInlineGrid get() = DisplayStyle("inline-grid") |
||||||
|
inline val FlowRoot get() = DisplayStyle("flow-root") |
||||||
|
|
||||||
|
inline val None get() = DisplayStyle("none") |
||||||
|
inline val Contents get() = DisplayStyle("contents") |
||||||
|
|
||||||
|
// TODO(shabunc): This properties behave them iconsistenly in both Chrome and Firefox so I turned the off so far |
||||||
|
// BlockFlow("block flow") |
||||||
|
// InlineFlow("inline flow") |
||||||
|
// InlineFlowRoot("inline flow-root") |
||||||
|
// BlocklFlex("block flex") |
||||||
|
// InlineFlex("inline flex") |
||||||
|
// BlockGrid("block grid") |
||||||
|
// InlineGrid("inline grid") |
||||||
|
// BlockFlowRoot("block flow-root") |
||||||
|
|
||||||
|
inline val Table get() = DisplayStyle("table") |
||||||
|
inline val TableRow get() = DisplayStyle("table-row") |
||||||
|
inline val ListItem get() = DisplayStyle("list-item") |
||||||
|
|
||||||
|
inline val Inherit get() = DisplayStyle("inherit") |
||||||
|
inline val Initial get() = DisplayStyle("initial") |
||||||
|
inline val Unset get() = DisplayStyle("unset") |
||||||
|
} |
||||||
|
} |
||||||
|
inline fun DisplayStyle(value: String) = value.unsafeCast<DisplayStyle>() |
||||||
|
|
||||||
|
external interface FlexDirection: StylePropertyEnum { |
||||||
|
companion object { |
||||||
|
inline val Row get() = FlexDirection("row") |
||||||
|
inline val RowReverse get() = FlexDirection("row-reverse") |
||||||
|
inline val Column get() = FlexDirection("column") |
||||||
|
inline val ColumnReverse get() = FlexDirection("column-reverse") |
||||||
|
} |
||||||
|
} |
||||||
|
inline fun FlexDirection(value: String) = value.unsafeCast<FlexDirection>() |
||||||
|
|
||||||
|
external interface FlexWrap: StylePropertyEnum { |
||||||
|
companion object { |
||||||
|
inline val Wrap get() = FlexWrap("wrap") |
||||||
|
inline val Nowrap get() = FlexWrap("nowrap") |
||||||
|
inline val WrapReverse get() = FlexWrap("wrap-reverse") |
||||||
|
} |
||||||
|
} |
||||||
|
inline fun FlexWrap(value: String) = value.unsafeCast<FlexWrap>() |
||||||
|
|
||||||
|
external interface JustifyContent: StylePropertyEnum { |
||||||
|
companion object { |
||||||
|
inline val Center get() = JustifyContent("center") |
||||||
|
inline val Start get() = JustifyContent("start") |
||||||
|
inline val End get() = JustifyContent("end") |
||||||
|
inline val FlexStart get() = JustifyContent("flex-start") |
||||||
|
inline val FlexEnd get() = JustifyContent("flex-end") |
||||||
|
inline val Left get() = JustifyContent("left") |
||||||
|
inline val Right get() = JustifyContent("right") |
||||||
|
inline val Normal get() = JustifyContent("normal") |
||||||
|
inline val SpaceBetween get() = JustifyContent("space-between") |
||||||
|
inline val SpaceAround get() = JustifyContent("space-around") |
||||||
|
inline val SpaceEvenly get() = JustifyContent("space-evenly") |
||||||
|
inline val Stretch get() = JustifyContent("stretch") |
||||||
|
inline val Inherit get() = JustifyContent("inherit") |
||||||
|
inline val Initial get() = JustifyContent("initial") |
||||||
|
inline val Unset get() = JustifyContent("unset") |
||||||
|
inline val SafeCenter get() = JustifyContent("safe center") |
||||||
|
inline val UnsafeCenter get() = JustifyContent("unsafe center") |
||||||
|
} |
||||||
|
} |
||||||
|
inline fun JustifyContent(value: String) = value.unsafeCast<JustifyContent>() |
||||||
|
|
||||||
|
external interface AlignSelf: StylePropertyEnum { |
||||||
|
companion object { |
||||||
|
inline val Auto get() = AlignSelf("auto") |
||||||
|
inline val Normal get() = AlignSelf("normal") |
||||||
|
inline val Center get() = AlignSelf("center") |
||||||
|
inline val Start get() = AlignSelf("start") |
||||||
|
inline val End get() = AlignSelf("end") |
||||||
|
inline val SelfStart get() = AlignSelf("self-start") |
||||||
|
inline val SelfEnd get() = AlignSelf("self-end") |
||||||
|
inline val FlexStart get() = AlignSelf("flex-start") |
||||||
|
inline val FlexEnd get() = AlignSelf("flex-end") |
||||||
|
inline val Baseline get() = AlignSelf("baseline") |
||||||
|
// FirstBaseline("first baseline") |
||||||
|
// LastBaseline("last baseline") |
||||||
|
inline val Stretch get() = AlignSelf("stretch") |
||||||
|
inline val SafeCenter get() = AlignSelf("safe center") |
||||||
|
inline val UnsafeCenter get() = AlignSelf("unsafe center") |
||||||
|
inline val Inherit get() = AlignSelf("inherit") |
||||||
|
inline val Initial get() = AlignSelf("initial") |
||||||
|
inline val Unset get() = AlignSelf("unset") |
||||||
|
} |
||||||
|
} |
||||||
|
inline fun AlignSelf(value: String) = value.unsafeCast<AlignSelf>() |
||||||
|
|
||||||
|
external interface AlignItems: StylePropertyEnum { |
||||||
|
companion object { |
||||||
|
inline val Normal get() = AlignItems("normal") |
||||||
|
inline val Stretch get() = AlignItems("stretch") |
||||||
|
inline val Center get() = AlignItems("center") |
||||||
|
inline val Start get() = AlignItems("start") |
||||||
|
inline val End get() = AlignItems("end") |
||||||
|
inline val FlexStart get() = AlignItems("flex-start") |
||||||
|
inline val FlexEnd get() = AlignItems("flex-end") |
||||||
|
inline val Baseline get() = AlignItems("baseline") |
||||||
|
// FirstBaseline("first baseline") |
||||||
|
// LastBaseline("last baseline") |
||||||
|
inline val SafeCenter get() = AlignItems("safe center") |
||||||
|
inline val UnsafeCenter get() = AlignItems("unsafe center") |
||||||
|
|
||||||
|
inline val Inherit get() = AlignItems("inherit") |
||||||
|
inline val Initial get() = AlignItems("initial") |
||||||
|
inline val Unset get() = AlignItems("unset") |
||||||
|
} |
||||||
|
} |
||||||
|
inline fun AlignItems(value: String) = value.unsafeCast<AlignItems>() |
||||||
|
|
||||||
|
external interface AlignContent: StylePropertyEnum { |
||||||
|
companion object { |
||||||
|
inline val Center get() = AlignContent("center") |
||||||
|
inline val Start get() = AlignContent("start") |
||||||
|
inline val End get() = AlignContent("end") |
||||||
|
inline val FlexStart get() = AlignContent("flex-start") |
||||||
|
inline val FlexEnd get() = AlignContent("flex-end") |
||||||
|
inline val Baseline get() = AlignContent("baseline") |
||||||
|
// FirstBaseline("first baseline") |
||||||
|
// LastBaseline("last baseline") |
||||||
|
inline val SafeCenter get() = AlignContent("safe center") |
||||||
|
inline val UnsafeCenter get() = AlignContent("unsafe center") |
||||||
|
inline val SpaceBetween get() = AlignContent("space-between") |
||||||
|
inline val SpaceAround get() = AlignContent("space-around") |
||||||
|
inline val SpaceEvenly get() = AlignContent("space-evenly") |
||||||
|
inline val Stretch get() = AlignContent("stretch") |
||||||
|
|
||||||
|
inline val Inherit get() = AlignContent("inherit") |
||||||
|
inline val Initial get() = AlignContent("initial") |
||||||
|
inline val Unset get() = AlignContent("unset") |
||||||
|
} |
||||||
|
} |
||||||
|
inline fun AlignContent(value: String) = value.unsafeCast<AlignContent>() |
||||||
|
|
||||||
|
external interface Position: StylePropertyEnum { |
||||||
|
companion object { |
||||||
|
inline val Static get() = Position("static") |
||||||
|
inline val Relative get() = Position("relative") |
||||||
|
inline val Absolute get() = Position("absolute") |
||||||
|
inline val Sticky get() = Position("sticky") |
||||||
|
inline val Fixed get() = Position("fixed") |
||||||
|
} |
||||||
|
} |
||||||
|
inline fun Position(value: String) = value.unsafeCast<Position>() |
||||||
|
|
||||||
|
typealias LanguageCode = String |
||||||
@ -1,15 +0,0 @@ |
|||||||
@file:Suppress("UNUSED") |
|
||||||
package org.jetbrains.compose.web.css |
|
||||||
|
|
||||||
interface CSSAutoValue : StylePropertyValue |
|
||||||
|
|
||||||
val auto = "auto".unsafeCast<CSSAutoValue>() |
|
||||||
|
|
||||||
enum class Direction { |
|
||||||
rtl, |
|
||||||
ltr; |
|
||||||
|
|
||||||
override fun toString(): String = this.name |
|
||||||
} |
|
||||||
|
|
||||||
typealias LanguageCode = String |
|
||||||
@ -0,0 +1,12 @@ |
|||||||
|
/* |
||||||
|
* Copyright 2020-2021 JetBrains s.r.o. and respective authors and developers. |
||||||
|
* Use of this source code is governed by the Apache 2.0 license that can be found in the LICENSE.txt file. |
||||||
|
*/ |
||||||
|
|
||||||
|
@file:Suppress("NOTHING_TO_INLINE") |
||||||
|
|
||||||
|
package org.jetbrains.compose.web.css |
||||||
|
|
||||||
|
external interface CSSKeywordValue : CSSStyleValue |
||||||
|
|
||||||
|
inline fun CSSKeywordValue(value: String): CSSKeywordValue = CSSStyleValue(value).unsafeCast<CSSKeywordValue>() |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
/* |
||||||
|
* Copyright 2020-2021 JetBrains s.r.o. and respective authors and developers. |
||||||
|
* Use of this source code is governed by the Apache 2.0 license that can be found in the LICENSE.txt file. |
||||||
|
*/ |
||||||
|
|
||||||
|
package org.jetbrains.compose.web.css |
||||||
|
|
||||||
|
operator fun <T: CSSUnit> CSSSizeValue<T>.times(num: Number): CSSSizeValue<T> = CSSUnitValueTyped(value * num.toFloat(), unit) |
||||||
|
operator fun <T: CSSUnit> Number.times(unit: CSSSizeValue<T>): CSSSizeValue<T> = CSSUnitValueTyped(unit.value * toFloat(), unit.unit) |
||||||
|
|
||||||
|
operator fun <T: CSSUnit> CSSSizeValue<T>.div(num: Number): CSSSizeValue<T> = CSSUnitValueTyped(value / num.toFloat(), unit) |
||||||
|
|
||||||
|
operator fun <T: CSSUnit> CSSSizeValue<T>.plus(b: CSSSizeValue<T>): CSSSizeValue<T> = CSSUnitValueTyped(value + b.value, unit) |
||||||
|
operator fun <T: CSSUnit> CSSSizeValue<T>.minus(b: CSSSizeValue<T>): CSSSizeValue<T> = CSSUnitValueTyped(value - b.value, unit) |
||||||
@ -1,15 +0,0 @@ |
|||||||
package org.jetbrains.compose.web.css |
|
||||||
|
|
||||||
import org.w3c.dom.Window |
|
||||||
|
|
||||||
@JsModule("css-typed-om") |
|
||||||
@JsNonModule |
|
||||||
abstract external class CSSTypedOMPolyfill { |
|
||||||
companion object { |
|
||||||
fun default(window: Window) |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
fun StylePropertyMap.clear() { |
|
||||||
throw AssertionError("StylePropertyMap::clear isn't polyfilled") |
|
||||||
} |
|
||||||
@ -0,0 +1,27 @@ |
|||||||
|
/* |
||||||
|
* Copyright 2020-2021 JetBrains s.r.o. and respective authors and developers. |
||||||
|
* Use of this source code is governed by the Apache 2.0 license that can be found in the LICENSE.txt file. |
||||||
|
*/ |
||||||
|
|
||||||
|
@file:Suppress("UNUSED", "NOTHING_TO_INLINE", "FunctionName") |
||||||
|
package org.jetbrains.compose.web.css |
||||||
|
|
||||||
|
external interface StylePropertyValue |
||||||
|
|
||||||
|
external interface StylePropertyNumber: StylePropertyValue |
||||||
|
external interface StylePropertyString: StylePropertyValue |
||||||
|
|
||||||
|
inline fun StylePropertyValue(value: String): StylePropertyString = value.unsafeCast<StylePropertyString>() |
||||||
|
inline fun StylePropertyValue(value: Number): StylePropertyNumber = value.unsafeCast<StylePropertyNumber>() |
||||||
|
|
||||||
|
fun StylePropertyValue.asString(): String? = if (jsTypeOf(this) == "string") this.unsafeCast<String>() else null |
||||||
|
|
||||||
|
fun StylePropertyValue.asNumber(): Number? = if (jsTypeOf(this) == "number") this.unsafeCast<Number>() else null |
||||||
|
|
||||||
|
fun StylePropertyValue.asCSSStyleValue(): CSSStyleValue? = if (jsTypeOf(this) == "object") this.unsafeCast<CSSStyleValue>() else null |
||||||
|
|
||||||
|
external interface CSSStyleValue: StylePropertyValue { |
||||||
|
override fun toString(): String |
||||||
|
} |
||||||
|
|
||||||
|
inline fun CSSStyleValue(value: String): CSSStyleValue = StylePropertyValue(value).unsafeCast<CSSStyleValue>() |
||||||
@ -0,0 +1,14 @@ |
|||||||
|
/* |
||||||
|
* Copyright 2020-2021 JetBrains s.r.o. and respective authors and developers. |
||||||
|
* Use of this source code is governed by the Apache 2.0 license that can be found in the LICENSE.txt file. |
||||||
|
*/ |
||||||
|
|
||||||
|
package org.jetbrains.compose.web.css.keywords |
||||||
|
|
||||||
|
import org.jetbrains.compose.web.css.CSSKeywordValue |
||||||
|
|
||||||
|
external interface CSSAutoKeyword : CSSKeywordValue |
||||||
|
|
||||||
|
inline val auto: CSSAutoKeyword |
||||||
|
get() = CSSKeywordValue("auto").unsafeCast<CSSAutoKeyword>() |
||||||
|
|
||||||
@ -0,0 +1,116 @@ |
|||||||
|
package org.jetbrains.compose.web.core.tests |
||||||
|
|
||||||
|
import org.jetbrains.compose.web.css.* |
||||||
|
|
||||||
|
fun DisplayStyle.Companion.values() = listOf( |
||||||
|
DisplayStyle.Block, |
||||||
|
DisplayStyle.Inline, |
||||||
|
DisplayStyle.InlineBlock, |
||||||
|
DisplayStyle.Flex, |
||||||
|
DisplayStyle.LegacyInlineFlex, |
||||||
|
DisplayStyle.Grid, |
||||||
|
DisplayStyle.LegacyInlineGrid, |
||||||
|
DisplayStyle.FlowRoot, |
||||||
|
DisplayStyle.None, |
||||||
|
DisplayStyle.Contents, |
||||||
|
DisplayStyle.Table, |
||||||
|
DisplayStyle.TableRow, |
||||||
|
DisplayStyle.ListItem, |
||||||
|
DisplayStyle.Inherit, |
||||||
|
DisplayStyle.Initial, |
||||||
|
DisplayStyle.Unset |
||||||
|
) |
||||||
|
|
||||||
|
fun FlexDirection.Companion.values() = listOf( |
||||||
|
FlexDirection.Row, |
||||||
|
FlexDirection.RowReverse, |
||||||
|
FlexDirection.Column, |
||||||
|
FlexDirection.ColumnReverse |
||||||
|
) |
||||||
|
|
||||||
|
fun FlexWrap.Companion.values() = listOf( |
||||||
|
FlexWrap.Wrap, |
||||||
|
FlexWrap.Nowrap, |
||||||
|
FlexWrap.WrapReverse |
||||||
|
) |
||||||
|
|
||||||
|
fun JustifyContent.Companion.values() = listOf( |
||||||
|
JustifyContent.Center, |
||||||
|
JustifyContent.Start, |
||||||
|
JustifyContent.End, |
||||||
|
JustifyContent.FlexStart, |
||||||
|
JustifyContent.FlexEnd, |
||||||
|
JustifyContent.Left, |
||||||
|
JustifyContent.Right, |
||||||
|
JustifyContent.Normal, |
||||||
|
JustifyContent.SpaceBetween, |
||||||
|
JustifyContent.SpaceAround, |
||||||
|
JustifyContent.SpaceEvenly, |
||||||
|
JustifyContent.Stretch, |
||||||
|
JustifyContent.Inherit, |
||||||
|
JustifyContent.Initial, |
||||||
|
JustifyContent.Unset, |
||||||
|
JustifyContent.SafeCenter, |
||||||
|
JustifyContent.UnsafeCenter |
||||||
|
) |
||||||
|
|
||||||
|
fun AlignSelf.Companion.values() = listOf( |
||||||
|
AlignSelf.Auto, |
||||||
|
AlignSelf.Normal, |
||||||
|
AlignSelf.Center, |
||||||
|
AlignSelf.Start, |
||||||
|
AlignSelf.End, |
||||||
|
AlignSelf.SelfStart, |
||||||
|
AlignSelf.SelfEnd, |
||||||
|
AlignSelf.FlexStart, |
||||||
|
AlignSelf.FlexEnd, |
||||||
|
AlignSelf.Baseline, |
||||||
|
AlignSelf.Stretch, |
||||||
|
AlignSelf.SafeCenter, |
||||||
|
AlignSelf.UnsafeCenter, |
||||||
|
AlignSelf.Inherit, |
||||||
|
AlignSelf.Initial, |
||||||
|
AlignSelf.Unset |
||||||
|
) |
||||||
|
|
||||||
|
fun AlignItems.Companion.values() = listOf( |
||||||
|
AlignItems.Normal, |
||||||
|
AlignItems.Stretch, |
||||||
|
AlignItems.Center, |
||||||
|
AlignItems.Start, |
||||||
|
AlignItems.End, |
||||||
|
AlignItems.FlexStart, |
||||||
|
AlignItems.FlexEnd, |
||||||
|
AlignItems.Baseline, |
||||||
|
AlignItems.SafeCenter, |
||||||
|
AlignItems.UnsafeCenter, |
||||||
|
AlignItems.Inherit, |
||||||
|
AlignItems.Initial, |
||||||
|
AlignItems.Unset |
||||||
|
) |
||||||
|
|
||||||
|
fun AlignContent.Companion.values() = listOf( |
||||||
|
AlignContent.Center, |
||||||
|
AlignContent.Start, |
||||||
|
AlignContent.End, |
||||||
|
AlignContent.FlexStart, |
||||||
|
AlignContent.FlexEnd, |
||||||
|
AlignContent.Baseline, |
||||||
|
AlignContent.SafeCenter, |
||||||
|
AlignContent.UnsafeCenter, |
||||||
|
AlignContent.SpaceBetween, |
||||||
|
AlignContent.SpaceAround, |
||||||
|
AlignContent.SpaceEvenly, |
||||||
|
AlignContent.Stretch, |
||||||
|
AlignContent.Inherit, |
||||||
|
AlignContent.Initial, |
||||||
|
AlignContent.Unset |
||||||
|
) |
||||||
|
|
||||||
|
fun Position.Companion.values() = listOf( |
||||||
|
Position.Static, |
||||||
|
Position.Relative, |
||||||
|
Position.Absolute, |
||||||
|
Position.Sticky, |
||||||
|
Position.Fixed |
||||||
|
) |
||||||
Loading…
Reference in new issue