param as attributes definition

params needed to declare DCE attributes and track the attributes changes. It also be used by IDE and validation.

        <custom-element tag="dce-link" hidden="">
            <xsl:param name="p1">default_P1</xsl:param>
            <xsl:param name="p2" select="'always_p2'"></xsl:param>
            <xsl:param name="p3" select="//p3 ?? 'def_P3' "></xsl:param>
            p1:{$p1} <br> p2: {$p2} <br> p3: {$p3}
        </custom-element>
        <dce-link id="dce1"></dce-link>
        <section>
            <dce-link id="dce2" p1="123" p2="override ignored as select is defined"></dce-link> <br>
            <div><input id="i1" value="p1">  <button onclick="dce2.setAttribute('p1',i1.value)"> set p1</button> </div>
            <div><input id="i2" value="p2">  <button onclick="dce2.setAttribute('p2',i2.value)"> set p2</button> </div>
            <div><input id="i3" value="p3">  <button onclick="dce2.setAttribute('p3',i3.value)"> set p3</button> </div>
        </section>
        <dce-link id="dce3" p1="123" p3="qwe"></dce-link> |

    
p1:default_P1
p2: always_p2
p3: def_P3
p1:123
p2: always_p2
p3: def_P3

p1:123
p2: always_p2
p3: qwe
|