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

    14

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

    15

    16

template "node()", mode="inline_svg" {

    17

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

    18

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

    19

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

    20

}

    21

    22

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

    23

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

    24

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

    25

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

    26

    attrib "preserveAspectRatio" > none

    27

    attrib "height" > 100vh

    28

    attrib "width" > 100vw

    29

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

    30

}

    31

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

    32

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

    33

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

    34

}

    35

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

    36

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

    37

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

    38

}

    39

    40

// remove i18n markers, so that defs_by_labels can find text elements

    41

svgtmpl "svg:text/@inkscape:label[starts-with(., '_')]", mode="inline_svg" {

    42

    attrib "{name()}" > «substring(., 2)»

    43

}

    44

    45

////// Clone unlinking

    46

//

    47

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

    48

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

    49

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

    50

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

    51

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

    52

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

    53

//    the same position in all instances

    54

//

    55

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

    56

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

    57

//       while keeping static decoration cloned

    58

const "hmi_lists_descs", "$parsed_widgets/widget[@type = 'List']";

    59

const "hmi_lists", "$hmi_elements[@id = $hmi_lists_descs/@id]";

    60

const "targets_not_to_unlink", "$hmi_lists/descendant-or-self::svg:*";

    61

const "to_unlink", "$hmi_elements[not(@id = $hmi_pages/@id)]/descendant-or-self::svg:use";

    62

    63

def "func:is_unlinkable" {

    64

    param "targetid";

    65

    param "eltid";

    66

    result "$eltid = $to_unlink/@id and not($targetid = $targets_not_to_unlink/@id)";

    67

}

    68

    69

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

    70

    const "targetid","substring-after(@xlink:href,'#')";

    71

    choose {

    72

        when "func:is_unlinkable($targetid, @id)" {

    73

            call "unlink_clone" {

    74

                with "targetid", "$targetid";

    75

            }

    76

        }

    77

        otherwise xsl:copy apply "@*", mode="inline_svg";

    78

    }

    79

}

    80

    81

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

    82

// that way, style and transforms can be preserved

    83

const "_excluded_use_attrs" {

    84

    name > href

    85

    name > width

    86

    name > height

    87

    name > x

    88

    name > y

    89

    name > id

    90

}

    91

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

    92

    93

const "_merge_use_attrs" {

    94

    name > transform

    95

    name > style

    96

}

    97

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

    98

    99

svgfunc "unlink_clone"{

   100

    param "targetid";

   101

    param "seed","''";

   102

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

   103

    const "seeded_id" choose {

   104

        when "string-length($seed) > 0" > «$seed»_«@id»

   105

        otherwise value "@id";

   106

    }

   107

    g{

   108

        attrib "id" value "$seeded_id";

   109

        attrib "original" value "@id";

   110

   111

        choose {

   112

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

   113

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

   114

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

   115

   116

                if "@style | $target/@style"

   117

                    attrib "style" {

   118

                        > «@style»

   119

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

   120

                        > «$target/@style»

   121

                    }

   122

   123

                if "@transform | $target/@transform"

   124

                    attrib "transform" {

   125

                        > «@transform»

   126

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

   127

                        > «$target/@transform»

   128

                    }

   129

   130

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

   131

                    with "seed","$seeded_id";

   132

                }

   133

            }

   134

            otherwise {

   135

                // include non excluded attributes

   136

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

   137

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

   138

   139

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

   140

                    with "seed","$seeded_id";

   141

                }

   142

            }

   143

        }

   144

    }

   145

}

   146

   147

// clone unlinking is really similar to deep-copy

   148

// all nodes are sytematically copied

   149

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

   150

    param "seed";

   151

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

   152

    attrib "original" > «.»

   153

}

   154

   155

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

   156

   157

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

   158

    param "seed";

   159

    const "targetid","substring-after(@xlink:href,'#')";

   160

    choose {

   161

        when "func:is_unlinkable($targetid, @id)" {

   162

            call "unlink_clone" {

   163

                with "targetid", "$targetid";

   164

                with "seed","$seed";

   165

            }

   166

        }

   167

        otherwise xsl:copy apply "@*", mode="unlink_clone" {

   168

            with "seed","$seed";

   169

        }

   170

    }

   171

}

   172

   173

// copying widgets would have unwanted effect

   174

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

   175

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

   176

    param "seed";

   177

    choose {

   178

        // node recursive copy ends when finding a widget

   179

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

   180

            // place a clone instead of copying

   181

            use{

   182

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

   183

            }

   184

        }

   185

        otherwise {

   186

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

   187

                with "seed","$seed";

   188

            }

   189

        }

   190

    }

   191

}

   192

   193

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

   194

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

   195

   196

emit "preamble:inline-svg" {

   197

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

   198

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

   199

}

   200

   201

emit "debug:clone-unlinking" {

   202

    |

   203

    | Unlinked :

   204

    foreach "$to_unlink"{

   205

        | «@id»

   206

    }

   207

    | Not to unlink :

   208

    foreach "$targets_not_to_unlink"{

   209

        | «@id»

   210

    }

   211

}