1

// inline_svg.ysl2

     2

//

     3

// Produce Inline SVG element of resulting XHTML page.

     4

     5

// Since stylesheet output namespace is xhtml, templates that output svg have to be explicitely declared as such 

     6

in xsl decl svgtmpl(match, xmlns="http://www.w3.org/2000/svg") alias template;

     7

in xsl decl svgfunc(name, xmlns="http://www.w3.org/2000/svg") alias template;

     8

     9

    10

// Identity template :

    11

//  - copy every attributes 

    12

//  - copy every sub-elements

    13

template "@* | node()", mode="inline_svg" {

    14

  // use real xsl:copy instead copy-of alias from yslt.yml2

    15

  if "not(@id = $discardable_elements/@id)"

    16

      xsl:copy apply "@* | node()", mode="inline_svg";

    17

}

    18

    19

// replaces inkscape's height and width hints. forces fit

    20

template "svg:svg/@width", mode="inline_svg";

    21

template "svg:svg/@height", mode="inline_svg";

    22

svgtmpl "svg:svg", mode="inline_svg" svg {

    23

    attrib "preserveAspectRatio" > none

    24

    attrib "height" > 100vh

    25

    attrib "width" > 100vw

    26

    apply "@* | node()", mode="inline_svg";

    27

}

    28

// ensure that coordinate in CSV file generated by inkscape are in default reference frame

    29

template "svg:svg[@viewBox!=concat('0 0 ', @width, ' ', @height)]", mode="inline_svg" {

    30

    error > ViewBox settings other than X=0, Y=0 and Scale=1 are not supported

    31

}

    32

// ensure that coordinate in CSV file generated by inkscape match svg default unit

    33

template "sodipodi:namedview[@units!='px' or @inkscape:document-units!='px']", mode="inline_svg" {

    34

    error > All units must be set to "px" in Inkscape's document properties

    35

}

    36

    37

////// Clone unlinking

    38

//

    39

// svg:use (inkscape's clones) inside a widgets are

    40

// replaced by real elements they refer in order to :

    41

//  - allow finding "needle" element in "meter" widget,

    42

//    even if "needle" is in a group refered by a svg use.

    43

//  - if "needle" is visible through a svg:use for

    44

//    each instance of the widget, then needle would show

    45

//    the same position in all instances

    46

//

    47

// For now, clone unlinkink applies to descendants of all widget except HMI:Page

    48

// TODO: narrow application of clone unlinking to active elements,

    49

//       while keeping static decoration cloned

    54

svgtmpl "svg:use", mode="inline_svg"

    55

{

    57

    choose {

    61

        otherwise

    62

            xsl:copy apply "@* | node()", mode="inline_svg";

    63

    }

    64

}

    65

    66

// to unlink a clone, an group containing a copy of target element is created

    67

// that way, style and transforms can be preserved

    68

const "_excluded_use_attrs" {

    69

    name > href

    70

    name > width

    71

    name > height

    72

    name > x

    73

    name > y

    74

}

    75

const "excluded_use_attrs","exsl:node-set($_excluded_use_attrs)";

    76

    77

const "_merge_use_attrs" {

    78

    name > transform

    79

    name > style

    80

}

    81

const "merge_use_attrs","exsl:node-set($_merge_use_attrs)";

    82

    83

svgfunc "unlink_clone"{

    85

    const "target", "//svg:*[@id = $targetid]";

    86

    g{

    87

        choose {

    88

            when "$target[self::svg:g]" {

    89

                foreach "@*[not(local-name() = $excluded_use_attrs/name | $merge_use_attrs)]"

    90

                    attrib "{name()}" > «.»

    91

    92

                if "@style | $target/@style"

    93

                    attrib "style" {

    94

                        > «@style»

    95

                        if "@style and $target/@style" > ;

    96

                        > «$target/@style»

    97

                    }

    98

    99

                if "@transform | $target/@transform"

   100

                    attrib "transform" {

   101

                        > «@transform»

   102

                        if "@transform and $target/@transform" >  

   103

                        > «$target/@transform»

   104

                    }

   105

   106

                apply "$target/*", mode="unlink_clone"{

   107

                    with "seed","@id";

   108

                }

   109

            }

   110

            otherwise {

   111

                // include non excluded attributes

   112

                foreach "@*[not(local-name() = $excluded_use_attrs/name)]"

   113

                    attrib "{name()}" > «.»

   114

   115

                apply "$target", mode="unlink_clone"{

   116

                    with "seed","@id";

   117

                }

   118

            }

   119

        }

   120

    }

   121

}

   122

   123

// clone unlinking is really similar to deep-copy

   124

// all nodes are sytematically copied

   125

svgtmpl "@id", mode="unlink_clone" {

   126

    param "seed";

   127

    attrib "id" > «$seed»_«.»

   128

}

   129

   130

svgtmpl "@*", mode="unlink_clone" xsl:copy;

   131

   132

// copying widgets would have unwanted effect

   133

// instead widget is refered through a svg:use.

   134

svgtmpl "svg:*", mode="unlink_clone" {

   135

    param "seed";

   136

    choose {

   137

        // node recursive copy ends when finding a widget

   138

        when "@id = $hmi_elements/@id" {

   139

            // place a clone instead of copying

   140

            use{

   141

                attrib "xlink:href" > «concat('#',@id)»

   142

            }

   143

        }

   144

        otherwise {

   145

            xsl:copy apply "@* | node()", mode="unlink_clone" {

   146

                with "seed","$seed";

   147

            }

   148

        }

   149

    }

   150

}

   151

   152

const "result_svg" apply "/", mode="inline_svg";

   153

const "result_svg_ns", "exsl:node-set($result_svg)";

   154

   155

emit "preamble:inline-svg" {

   156

    | let id = document.getElementById.bind(document);

   157

    | var svg_root = id("«$svg/@id»");

   158

}

   159

   160

emit "debug:clone-unlinking" {

   161

    |

   162

    | Unlinked :

   163

    foreach "$to_unlink"{

   164

        | «@id»

   165

    }

   170

}