@tempots/dom 23.0.0 → 23.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/dom",
-  "version": "23.0.0",
+  "version": "23.0.2",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",

package/renderable/attribute.d.ts

@@ -225,14 +225,14 @@ export declare const aria: {
  * @public
  */
 export declare const svgAttr: {
-    accentHeight: (value: NValue<number>) => Renderable;
+    'accent-height': (value: NValue<number>) => Renderable;
     accumulate: (value: NValue<"none" | "sum">) => Renderable;
     additive: (value: NValue<"replace" | "sum">) => Renderable;
-    alignmentBaseline: (value: NValue<"auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit">) => Renderable;
-    allowReorder: (value: NValue<"no" | "yes">) => Renderable;
+    'alignment-baseline': (value: NValue<"auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit">) => Renderable;
+    'allow-reorder': (value: NValue<"no" | "yes">) => Renderable;
     alphabetic: (value: NValue<number>) => Renderable;
     amplitude: (value: NValue<number>) => Renderable;
-    arabicForm: (value: NValue<"initial" | "medial" | "terminal" | "isolated">) => Renderable;
+    'arabic-form': (value: NValue<"initial" | "medial" | "terminal" | "isolated">) => Renderable;
     ascent: (value: NValue<number>) => Renderable;
     attributeName: (value: NValue<string>) => Renderable;
     attributeType: (value: NValue<string>) => Renderable;
@@ -240,21 +240,21 @@ export declare const svgAttr: {
     azimuth: (value: NValue<number>) => Renderable;
     baseFrequency: (value: NValue<number>) => Renderable;
     baseProfile: (value: NValue<string>) => Renderable;
-    baselineShift: (value: NValue<number>) => Renderable;
+    'baseline-shift': (value: NValue<number>) => Renderable;
     bbox: (value: NValue<number>) => Renderable;
     begin: (value: NValue<number>) => Renderable;
     bias: (value: NValue<number>) => Renderable;
     by: (value: NValue<number>) => Renderable;
     calcMode: (value: NValue<string>) => Renderable;
-    capHeight: (value: NValue<number>) => Renderable;
+    'cap-height': (value: NValue<number>) => Renderable;
     clip: (value: NValue<number>) => Renderable;
-    clipPath: (value: NValue<string>) => Renderable;
+    'clip-path': (value: NValue<string>) => Renderable;
     clipPathUnits: (value: NValue<string>) => Renderable;
     clipRule: (value: NValue<string>) => Renderable;
-    colorInterpolation: (value: NValue<string>) => Renderable;
-    colorInterpolationFilters: (value: NValue<"auto" | "inherit" | "sRGB" | "linearRGB">) => Renderable;
+    'color-interpolation': (value: NValue<string>) => Renderable;
+    'color-interpolation-filters': (value: NValue<"auto" | "inherit" | "sRGB" | "linearRGB">) => Renderable;
     colorProfile: (value: NValue<string>) => Renderable;
-    colorRendering: (value: NValue<string>) => Renderable;
+    'color-rendering': (value: NValue<string>) => Renderable;
     contentScriptType: (value: NValue<string>) => Renderable;
     contentStyleType: (value: NValue<string>) => Renderable;
     cursor: (value: NValue<string>) => Renderable;
@@ -267,7 +267,7 @@ export declare const svgAttr: {
     direction: (value: NValue<string>) => Renderable;
     display: (value: NValue<string>) => Renderable;
     divisor: (value: NValue<number>) => Renderable;
-    dominantBaseline: (value: NValue<string>) => Renderable;
+    'dominant-baseline': (value: NValue<string>) => Renderable;
     dur: (value: NValue<number>) => Renderable;
     dx: (value: NValue<number>) => Renderable;
     dy: (value: NValue<number>) => Renderable;
@@ -278,39 +278,40 @@ export declare const svgAttr: {
     exponent: (value: NValue<number>) => Renderable;
     externalResourcesRequired: (value: NValue<"false" | "true">) => Renderable;
     fill: (value: NValue<string>) => Renderable;
-    fillOpacity: (value: NValue<number>) => Renderable;
-    fillRule: (value: NValue<string>) => Renderable;
+    'fill-opacity': (value: NValue<number>) => Renderable;
+    'fill-rule': (value: NValue<string>) => Renderable;
     filter: (value: NValue<string>) => Renderable;
     filterRes: (value: NValue<number>) => Renderable;
     filterUnits: (value: NValue<string>) => Renderable;
-    floodColor: (value: NValue<string>) => Renderable;
-    floodOpacity: (value: NValue<number>) => Renderable;
+    'flood-color': (value: NValue<string>) => Renderable;
+    'flood-opacity': (value: NValue<number>) => Renderable;
     focusable: (value: NValue<"false" | "true" | "auto">) => Renderable;
-    fontFamily: (value: NValue<string>) => Renderable;
-    fontSize: (value: NValue<number>) => Renderable;
-    fontSizeAdjust: (value: NValue<number>) => Renderable;
-    fontStretch: (value: NValue<string>) => Renderable;
-    fontStyle: (value: NValue<string>) => Renderable;
-    fontVariant: (value: NValue<string>) => Renderable;
-    fontWeight: (value: NValue<string>) => Renderable;
+    'font-family': (value: NValue<string>) => Renderable;
+    'font-size': (value: NValue<number>) => Renderable;
+    'font-size-adjust': (value: NValue<number>) => Renderable;
+    'font-stretch': (value: NValue<string>) => Renderable;
+    'font-style': (value: NValue<string>) => Renderable;
+    'font-variant': (value: NValue<string>) => Renderable;
+    'font-weight': (value: NValue<string>) => Renderable;
     format: (value: NValue<string>) => Renderable;
     from: (value: NValue<number>) => Renderable;
     fx: (value: NValue<number>) => Renderable;
     fy: (value: NValue<number>) => Renderable;
     g1: (value: NValue<number>) => Renderable;
     g2: (value: NValue<number>) => Renderable;
-    glyphName: (value: NValue<string>) => Renderable;
-    glyphOrientationHorizontal: (value: NValue<number>) => Renderable;
-    glyphOrientationVertical: (value: NValue<number>) => Renderable;
+    'glyph-name': (value: NValue<string>) => Renderable;
+    'glyph-orientation-horizontal': (value: NValue<number>) => Renderable;
+    'glyph-orientation-vertical': (value: NValue<number>) => Renderable;
     glyphRef: (value: NValue<string>) => Renderable;
     gradientTransform: (value: NValue<string>) => Renderable;
     gradientUnits: (value: NValue<string>) => Renderable;
     hanging: (value: NValue<number>) => Renderable;
     height: (value: NValue<number>) => Renderable;
-    horizAdvX: (value: NValue<number>) => Renderable;
-    horizOriginX: (value: NValue<number>) => Renderable;
+    'horiz-adv-x': (value: NValue<number>) => Renderable;
+    'horiz-origin-x': (value: NValue<number>) => Renderable;
+    'horiz-origin-y': (value: NValue<number>) => Renderable;
     ideographic: (value: NValue<number>) => Renderable;
-    imageRendering: (value: NValue<string>) => Renderable;
+    'image-rendering': (value: NValue<string>) => Renderable;
     in: (value: NValue<string>) => Renderable;
     in2: (value: NValue<string>) => Renderable;
     intercept: (value: NValue<number>) => Renderable;
@@ -326,14 +327,14 @@ export declare const svgAttr: {
     keySplines: (value: NValue<string>) => Renderable;
     keyTimes: (value: NValue<string>) => Renderable;
     lengthAdjust: (value: NValue<string>) => Renderable;
-    letterSpacing: (value: NValue<number>) => Renderable;
-    lightingColor: (value: NValue<string>) => Renderable;
+    'letter-spacing': (value: NValue<number>) => Renderable;
+    'lighting-color': (value: NValue<string>) => Renderable;
     limitingConeAngle: (value: NValue<number>) => Renderable;
     local: (value: NValue<number>) => Renderable;
-    markerEnd: (value: NValue<string>) => Renderable;
+    'marker-end': (value: NValue<string>) => Renderable;
     markerHeight: (value: NValue<number>) => Renderable;
-    markerMid: (value: NValue<string>) => Renderable;
-    markerStart: (value: NValue<string>) => Renderable;
+    'marker-mid': (value: NValue<string>) => Renderable;
+    'marker-start': (value: NValue<string>) => Renderable;
     markerUnits: (value: NValue<string>) => Renderable;
     markerWidth: (value: NValue<number>) => Renderable;
     mask: (value: NValue<string>) => Renderable;
@@ -350,15 +351,15 @@ export declare const svgAttr: {
     orientation: (value: NValue<number>) => Renderable;
     origin: (value: NValue<number>) => Renderable;
     overflow: (value: NValue<string>) => Renderable;
-    overlinePosition: (value: NValue<number>) => Renderable;
-    overlineThickness: (value: NValue<number>) => Renderable;
-    paintOrder: (value: NValue<string>) => Renderable;
-    panose1: (value: NValue<number>) => Renderable;
+    'overline-position': (value: NValue<number>) => Renderable;
+    'overline-thickness': (value: NValue<number>) => Renderable;
+    'paint-order': (value: NValue<string>) => Renderable;
+    'panose-1': (value: NValue<number>) => Renderable;
     pathLength: (value: NValue<number>) => Renderable;
     patternContentUnits: (value: NValue<string>) => Renderable;
     patternTransform: (value: NValue<string>) => Renderable;
     patternUnits: (value: NValue<string>) => Renderable;
-    pointerEvents: (value: NValue<string>) => Renderable;
+    'pointer-events': (value: NValue<string>) => Renderable;
     points: (value: NValue<string>) => Renderable;
     pointsAtX: (value: NValue<number>) => Renderable;
     pointsAtY: (value: NValue<number>) => Renderable;
@@ -370,7 +371,7 @@ export declare const svgAttr: {
     radius: (value: NValue<number>) => Renderable;
     refX: (value: NValue<number>) => Renderable;
     refY: (value: NValue<number>) => Renderable;
-    renderingIntent: (value: NValue<string>) => Renderable;
+    'rendering-intent': (value: NValue<string>) => Renderable;
     repeatCount: (value: NValue<number>) => Renderable;
     repeatDur: (value: NValue<number>) => Renderable;
     requiredExtensions: (value: NValue<string>) => Renderable;
@@ -382,7 +383,7 @@ export declare const svgAttr: {
     ry: (value: NValue<number>) => Renderable;
     scale: (value: NValue<number>) => Renderable;
     seed: (value: NValue<number>) => Renderable;
-    shapeRendering: (value: NValue<string>) => Renderable;
+    'shape-rendering': (value: NValue<string>) => Renderable;
     slope: (value: NValue<number>) => Renderable;
     spacing: (value: NValue<number>) => Renderable;
     specularConstant: (value: NValue<number>) => Renderable;
@@ -394,60 +395,61 @@ export declare const svgAttr: {
     stemh: (value: NValue<number>) => Renderable;
     stemv: (value: NValue<number>) => Renderable;
     stitchTiles: (value: NValue<string>) => Renderable;
-    stopColor: (value: NValue<string>) => Renderable;
-    stopOpacity: (value: NValue<number>) => Renderable;
-    strikethroughPosition: (value: NValue<number>) => Renderable;
-    strikethroughThickness: (value: NValue<number>) => Renderable;
+    'stop-color': (value: NValue<string>) => Renderable;
+    'stop-opacity': (value: NValue<number>) => Renderable;
+    'strikethrough-position': (value: NValue<number>) => Renderable;
+    'strikethrough-thickness': (value: NValue<number>) => Renderable;
     string: (value: NValue<string>) => Renderable;
     stroke: (value: NValue<string>) => Renderable;
-    strokeDasharray: (value: NValue<string>) => Renderable;
-    strokeDashoffset: (value: NValue<number>) => Renderable;
-    strokeLinecap: (value: NValue<string>) => Renderable;
-    strokeLinejoin: (value: NValue<string>) => Renderable;
-    strokeMiterlimit: (value: NValue<number>) => Renderable;
-    strokeOpacity: (value: NValue<number>) => Renderable;
-    strokeWidth: (value: NValue<number>) => Renderable;
+    'stroke-dasharray': (value: NValue<string>) => Renderable;
+    'stroke-dashoffset': (value: NValue<number>) => Renderable;
+    'stroke-linecap': (value: NValue<string>) => Renderable;
+    'stroke-linejoin': (value: NValue<string>) => Renderable;
+    'stroke-miterlimit': (value: NValue<number>) => Renderable;
+    'stroke-opacity': (value: NValue<number>) => Renderable;
+    'stroke-width': (value: NValue<number>) => Renderable;
     surfaceScale: (value: NValue<number>) => Renderable;
     systemLanguage: (value: NValue<string>) => Renderable;
     tableValues: (value: NValue<string>) => Renderable;
     targetX: (value: NValue<number>) => Renderable;
     targetY: (value: NValue<number>) => Renderable;
-    textAnchor: (value: NValue<string>) => Renderable;
-    textDecoration: (value: NValue<string>) => Renderable;
+    'text-anchor': (value: NValue<string>) => Renderable;
+    'text-decoration': (value: NValue<string>) => Renderable;
     textLength: (value: NValue<number>) => Renderable;
-    textRendering: (value: NValue<string>) => Renderable;
+    'text-rendering': (value: NValue<string>) => Renderable;
     to: (value: NValue<number>) => Renderable;
     transform: (value: NValue<string>) => Renderable;
+    'transform-origin': (value: NValue<string>) => Renderable;
     u1: (value: NValue<number>) => Renderable;
     u2: (value: NValue<number>) => Renderable;
-    underlinePosition: (value: NValue<number>) => Renderable;
-    underlineThickness: (value: NValue<number>) => Renderable;
+    'underline-position': (value: NValue<number>) => Renderable;
+    'underline-thickness': (value: NValue<number>) => Renderable;
     unicode: (value: NValue<number>) => Renderable;
-    unicodeBidi: (value: NValue<string>) => Renderable;
-    unicodeRange: (value: NValue<string>) => Renderable;
-    unitsPerEm: (value: NValue<number>) => Renderable;
-    vAlphabetic: (value: NValue<number>) => Renderable;
+    'unicode-bidi': (value: NValue<string>) => Renderable;
+    'unicode-range': (value: NValue<string>) => Renderable;
+    'units-per-em': (value: NValue<number>) => Renderable;
+    'v-alphabetic': (value: NValue<number>) => Renderable;
     values: (value: NValue<string>) => Renderable;
-    vectorEffect: (value: NValue<string>) => Renderable;
+    'vector-effect': (value: NValue<string>) => Renderable;
     version: (value: NValue<string>) => Renderable;
-    vertAdvY: (value: NValue<number>) => Renderable;
-    vertOriginX: (value: NValue<number>) => Renderable;
-    vertOriginY: (value: NValue<number>) => Renderable;
-    vHanging: (value: NValue<number>) => Renderable;
-    vIdeographic: (value: NValue<number>) => Renderable;
+    'vert-adv-y': (value: NValue<number>) => Renderable;
+    'vert-origin-x': (value: NValue<number>) => Renderable;
+    'vert-origin-y': (value: NValue<number>) => Renderable;
+    'v-hanging': (value: NValue<number>) => Renderable;
+    'v-ideographic': (value: NValue<number>) => Renderable;
     viewBox: (value: NValue<string>) => Renderable;
     viewTarget: (value: NValue<number>) => Renderable;
     visibility: (value: NValue<string>) => Renderable;
-    vMathematical: (value: NValue<number>) => Renderable;
+    'v-mathematical': (value: NValue<number>) => Renderable;
     width: (value: NValue<number>) => Renderable;
     widths: (value: NValue<number>) => Renderable;
-    wordSpacing: (value: NValue<number>) => Renderable;
-    writingMode: (value: NValue<string>) => Renderable;
+    'word-spacing': (value: NValue<number>) => Renderable;
+    'writing-mode': (value: NValue<string>) => Renderable;
     x1: (value: NValue<number>) => Renderable;
     x2: (value: NValue<number>) => Renderable;
     x: (value: NValue<number>) => Renderable;
     xChannelSelector: (value: NValue<string>) => Renderable;
-    xHeight: (value: NValue<number>) => Renderable;
+    'x-height': (value: NValue<number>) => Renderable;
     xlinkActuate: (value: NValue<string>) => Renderable;
     xlinkArcrole: (value: NValue<string>) => Renderable;
     xlinkHref: (value: NValue<string>) => Renderable;

package/types/svg-attributes.d.ts

@@ -4,14 +4,14 @@
  * @public
  */
 export type SVGAttributes = {
-    accentHeight: number;
+    'accent-height': number;
     accumulate: 'none' | 'sum';
     additive: 'replace' | 'sum';
-    alignmentBaseline: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
-    allowReorder: 'no' | 'yes';
+    'alignment-baseline': 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
+    'allow-reorder': 'no' | 'yes';
     alphabetic: number;
     amplitude: number;
-    arabicForm: 'initial' | 'medial' | 'terminal' | 'isolated';
+    'arabic-form': 'initial' | 'medial' | 'terminal' | 'isolated';
     ascent: number;
     attributeName: string;
     attributeType: string;
@@ -19,21 +19,21 @@ export type SVGAttributes = {
     azimuth: number;
     baseFrequency: number;
     baseProfile: string;
-    baselineShift: number;
+    'baseline-shift': number;
     bbox: number;
     begin: number;
     bias: number;
     by: number;
     calcMode: string;
-    capHeight: number;
+    'cap-height': number;
     clip: number;
-    clipPath: string;
+    'clip-path': string;
     clipPathUnits: string;
     clipRule: string;
-    colorInterpolation: string;
-    colorInterpolationFilters: 'auto' | 'sRGB' | 'linearRGB' | 'inherit';
+    'color-interpolation': string;
+    'color-interpolation-filters': 'auto' | 'sRGB' | 'linearRGB' | 'inherit';
     colorProfile: string;
-    colorRendering: string;
+    'color-rendering': string;
     contentScriptType: string;
     contentStyleType: string;
     cursor: string;
@@ -46,7 +46,7 @@ export type SVGAttributes = {
     direction: string;
     display: string;
     divisor: number;
-    dominantBaseline: string;
+    'dominant-baseline': string;
     dur: number;
     dx: number;
     dy: number;
@@ -57,39 +57,40 @@ export type SVGAttributes = {
     exponent: number;
     externalResourcesRequired: 'true' | 'false';
     fill: string;
-    fillOpacity: number;
-    fillRule: string;
+    'fill-opacity': number;
+    'fill-rule': string;
     filter: string;
     filterRes: number;
     filterUnits: string;
-    floodColor: string;
-    floodOpacity: number;
+    'flood-color': string;
+    'flood-opacity': number;
     focusable: 'true' | 'false' | 'auto';
-    fontFamily: string;
-    fontSize: number;
-    fontSizeAdjust: number;
-    fontStretch: string;
-    fontStyle: string;
-    fontVariant: string;
-    fontWeight: string;
+    'font-family': string;
+    'font-size': number;
+    'font-size-adjust': number;
+    'font-stretch': string;
+    'font-style': string;
+    'font-variant': string;
+    'font-weight': string;
     format: string;
     from: number;
     fx: number;
     fy: number;
     g1: number;
     g2: number;
-    glyphName: string;
-    glyphOrientationHorizontal: number;
-    glyphOrientationVertical: number;
+    'glyph-name': string;
+    'glyph-orientation-horizontal': number;
+    'glyph-orientation-vertical': number;
     glyphRef: string;
     gradientTransform: string;
     gradientUnits: string;
     hanging: number;
     height: number;
-    horizAdvX: number;
-    horizOriginX: number;
+    'horiz-adv-x': number;
+    'horiz-origin-x': number;
+    'horiz-origin-y': number;
     ideographic: number;
-    imageRendering: string;
+    'image-rendering': string;
     in: string;
     in2: string;
     intercept: number;
@@ -105,14 +106,14 @@ export type SVGAttributes = {
     keySplines: string;
     keyTimes: string;
     lengthAdjust: string;
-    letterSpacing: number;
-    lightingColor: string;
+    'letter-spacing': number;
+    'lighting-color': string;
     limitingConeAngle: number;
     local: number;
-    markerEnd: string;
+    'marker-end': string;
     markerHeight: number;
-    markerMid: string;
-    markerStart: string;
+    'marker-mid': string;
+    'marker-start': string;
     markerUnits: string;
     markerWidth: number;
     mask: string;
@@ -129,15 +130,15 @@ export type SVGAttributes = {
     orientation: number;
     origin: number;
     overflow: string;
-    overlinePosition: number;
-    overlineThickness: number;
-    paintOrder: string;
-    panose1: number;
+    'overline-position': number;
+    'overline-thickness': number;
+    'paint-order': string;
+    'panose-1': number;
     pathLength: number;
     patternContentUnits: string;
     patternTransform: string;
     patternUnits: string;
-    pointerEvents: string;
+    'pointer-events': string;
     points: string;
     pointsAtX: number;
     pointsAtY: number;
@@ -149,7 +150,7 @@ export type SVGAttributes = {
     radius: number;
     refX: number;
     refY: number;
-    renderingIntent: string;
+    'rendering-intent': string;
     repeatCount: number;
     repeatDur: number;
     requiredExtensions: string;
@@ -161,7 +162,7 @@ export type SVGAttributes = {
     ry: number;
     scale: number;
     seed: number;
-    shapeRendering: string;
+    'shape-rendering': string;
     slope: number;
     spacing: number;
     specularConstant: number;
@@ -173,60 +174,61 @@ export type SVGAttributes = {
     stemh: number;
     stemv: number;
     stitchTiles: string;
-    stopColor: string;
-    stopOpacity: number;
-    strikethroughPosition: number;
-    strikethroughThickness: number;
+    'stop-color': string;
+    'stop-opacity': number;
+    'strikethrough-position': number;
+    'strikethrough-thickness': number;
     string: string;
     stroke: string;
-    strokeDasharray: string;
-    strokeDashoffset: number;
-    strokeLinecap: string;
-    strokeLinejoin: string;
-    strokeMiterlimit: number;
-    strokeOpacity: number;
-    strokeWidth: number;
+    'stroke-dasharray': string;
+    'stroke-dashoffset': number;
+    'stroke-linecap': string;
+    'stroke-linejoin': string;
+    'stroke-miterlimit': number;
+    'stroke-opacity': number;
+    'stroke-width': number;
     surfaceScale: number;
     systemLanguage: string;
     tableValues: string;
     targetX: number;
     targetY: number;
-    textAnchor: string;
-    textDecoration: string;
+    'text-anchor': string;
+    'text-decoration': string;
     textLength: number;
-    textRendering: string;
+    'text-rendering': string;
     to: number;
     transform: string;
+    'transform-origin': string;
     u1: number;
     u2: number;
-    underlinePosition: number;
-    underlineThickness: number;
+    'underline-position': number;
+    'underline-thickness': number;
     unicode: number;
-    unicodeBidi: string;
-    unicodeRange: string;
-    unitsPerEm: number;
-    vAlphabetic: number;
+    'unicode-bidi': string;
+    'unicode-range': string;
+    'units-per-em': number;
+    'v-alphabetic': number;
     values: string;
-    vectorEffect: string;
+    'vector-effect': string;
     version: string;
-    vertAdvY: number;
-    vertOriginX: number;
-    vertOriginY: number;
-    vHanging: number;
-    vIdeographic: number;
+    'vert-adv-y': number;
+    'vert-origin-x': number;
+    'vert-origin-y': number;
+    'v-hanging': number;
+    'v-ideographic': number;
     viewBox: string;
     viewTarget: number;
     visibility: string;
-    vMathematical: number;
+    'v-mathematical': number;
     width: number;
     widths: number;
-    wordSpacing: number;
-    writingMode: string;
+    'word-spacing': number;
+    'writing-mode': string;
     x1: number;
     x2: number;
     x: number;
     xChannelSelector: string;
-    xHeight: number;
+    'x-height': number;
     xlinkActuate: string;
     xlinkArcrole: string;
     xlinkHref: string;