@portrayal/juniper-mx240 0.0.0-stage → 5.0.2

package/mx240.base.right.elements.json

@@ -0,0 +1 @@
+{"components":{},"config":"base","configs":["ac","base","dc"],"device":"mx240","device-version":"5.0.2","elements":[{"box":{"h":221.2,"w":622.0,"x":0.0,"y":0.0},"class":"chassis","id":"chassis-faceplate","parent":null,"path":"chassis"}],"generator":{"tool":"portrayal-render","version":"0.2.0"},"source-sha256":"909378526d3f74e5a000bcf154818a7a9429d679c77f15e0e04fabd97f8c2ab4","view":"right","viewBox":[0.0,0.0,622.0,221.2]}

package/mx240.base.right.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="622.0mm" height="221.2mm" viewBox="0 0 622.0 221.2" data-device="mx240" data-view="right" data-weight="23.6 kg chassis with midplane, fan tray and air filter; 58.1 kg maximum configuration (Table 88)" data-depth-total="705 mm including cable management (Table 88)" data-throughput="3 Tbps-class (datasheet family table)" data-power-typical-w="1860" data-power-envelope="unstated" data-power-typical-scope="AC typical power draw from the MX Series family datasheet, which names no configuration, ambient or side; DC 1690 W" data-base-system-w="40" data-cooling-system-w="85 W high-capacity (70 W normal); dedicated PSU tap, excluded from the output-power budget per the guide note" data-psu-system-output="AC normal-capacity 2054 W low-line / 1590 W high-line; DC normal-capacity 1600 W (Table 95, SYSTEM output for the required PSU set - no per-module nameplate is published)" data-max-thermal-output="AC 7161 BTU/h (2100 W); DC 5074 BTU/h (1488 W) (environmental table; provisioning ceiling)" data-operating-temp="0 C to 40 C" data-storage-temp="-40 C to 70 C in shipping container" data-humidity="5-90 percent noncondensing" data-altitude="no performance degradation to 3048 m" data-seismic="Designed to meet Telcordia Technologies Zone 4 earthquake requirements (environmental table wording, transcribed)" data-eol="announced" data-eol-announcement="https://support.juniper.net/support/eol/product/m_series/">
+  <style>
+    [data-path] { cursor: pointer; }
+    .state-on    { --led-color: #22c55e; }
+    .state-up    { --led-color: #22c55e; }
+    /* link and up are the same fact on an Ethernet lamp; see docs/rj45-family-design.md */
+    .state-link  { --led-color: #22c55e; }
+    .state-activity { --led-color: #86efac; }
+    .state-ok    { --led-color: #22c55e; }
+    .state-fault { --led-color: #ef4444; }
+    .state-fail  { --led-color: #ef4444; }
+    .state-locate { --led-color: #3b82f6; }
+    .state-absent { opacity: 0.35; }
+    /* A SWITCHED OUTLET WITH NO LAMP is dimmed when it is off, as absent is but
+       less (docs/pdu-model-design.md section 3.2): every switched PDU in the
+       library has a lamp per outlet, and this is the fallback so the first one
+       without does not invent a lamp. An outlet a lamp is bound to by `for:`
+       carries data-lamped (mark_lamped) and is never dimmed: its lamp says it. */
+    [data-class='inlet'][data-states~='off'].state-off:not([data-lamped]) { opacity: 0.55; }
+    /* A state is a colour AND a behaviour. Solid and blinking of the same colour
+       are different facts on real hardware: on the S9510-28DC a solid green PWR
+       is "system power good" and a blinking green PWR is "power good but BMC
+       power fail". A blinking state that renders solid is the same failure as a
+       state class nothing paints - it looks modelled and is not.
+       blink animates opacity rather than fill, because each skin carries its own
+       unlit colour in the fill fallback and a keyframe cannot name it. alternate
+       animates fill, because two colours is the whole point, and takes its first
+       value from the element's own fill. */
+    @keyframes portrayal-blink {
+      0%, 49.9% { opacity: 1; }
+      50%, 100% { opacity: 0; }
+    }
+    @keyframes portrayal-alternate {
+      0%, 49.9% { fill: var(--led-color, #3a3f44); }
+      50%, 100% { fill: var(--led-color-alt, #3a3f44); }
+    }
+    .portrayal-highlight { filter: drop-shadow(0 0 1.2px #f59e0b) drop-shadow(0 0 0.5px #f59e0b); }
+    .portrayal-dim { opacity: 0.25; }
+    [data-class='region'].portrayal-highlight { stroke: #f59e0b; stroke-width: 0.7; filter: none; }
+    .state-fail[data-class='psu'], .state-fail[data-class='fan'] { filter: drop-shadow(0 0 1.4px #ef4444); }
+</style>
+  <metadata>{"device":"Juniper MX240","device-version":"5.0.2","generator":{"tool":"portrayal-render","version":"0.2.0"},"resolved-components":{},"source-sha256":"909378526d3f74e5a000bcf154818a7a9429d679c77f15e0e04fabd97f8c2ab4","view":"right"}</metadata>
+  <rect id="chassis-faceplate" data-path="chassis" data-class="chassis" data-model="MX240" x="0" y="0" width="622" height="221.2" rx="1.2" fill="#43474c" stroke="#22262a" stroke-width="0.5" />
+  <defs>
+    <pattern id="portrayal-holes" width="5" height="5" patternUnits="userSpaceOnUse">
+      <circle cx="2.5" cy="2.5" r="1.1" fill="#3c4046" />
+    </pattern>
+  </defs>
+  <g id="--decor" data-class="decor">
+    <rect id="holes-field-0" data-kind="holes-field" x="180" y="30" width="400" height="160" rx="0.6" fill="url(#portrayal-holes)" />
+  </g>
+</svg>

package/mx240.base.top.elements.json

@@ -0,0 +1 @@
+{"components":{},"config":"base","configs":["ac","base","dc"],"device":"mx240","device-version":"5.0.2","elements":[{"box":{"h":622.0,"w":443.0,"x":0.0,"y":0.0},"class":"chassis","id":"chassis-faceplate","parent":null,"path":"chassis"}],"generator":{"tool":"portrayal-render","version":"0.2.0"},"source-sha256":"909378526d3f74e5a000bcf154818a7a9429d679c77f15e0e04fabd97f8c2ab4","view":"top","viewBox":[0.0,0.0,443.0,622.0]}

package/mx240.base.top.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="443.0mm" height="622.0mm" viewBox="0 0 443.0 622.0" data-device="mx240" data-view="top" data-weight="23.6 kg chassis with midplane, fan tray and air filter; 58.1 kg maximum configuration (Table 88)" data-depth-total="705 mm including cable management (Table 88)" data-throughput="3 Tbps-class (datasheet family table)" data-power-typical-w="1860" data-power-envelope="unstated" data-power-typical-scope="AC typical power draw from the MX Series family datasheet, which names no configuration, ambient or side; DC 1690 W" data-base-system-w="40" data-cooling-system-w="85 W high-capacity (70 W normal); dedicated PSU tap, excluded from the output-power budget per the guide note" data-psu-system-output="AC normal-capacity 2054 W low-line / 1590 W high-line; DC normal-capacity 1600 W (Table 95, SYSTEM output for the required PSU set - no per-module nameplate is published)" data-max-thermal-output="AC 7161 BTU/h (2100 W); DC 5074 BTU/h (1488 W) (environmental table; provisioning ceiling)" data-operating-temp="0 C to 40 C" data-storage-temp="-40 C to 70 C in shipping container" data-humidity="5-90 percent noncondensing" data-altitude="no performance degradation to 3048 m" data-seismic="Designed to meet Telcordia Technologies Zone 4 earthquake requirements (environmental table wording, transcribed)" data-eol="announced" data-eol-announcement="https://support.juniper.net/support/eol/product/m_series/">
+  <style>
+    [data-path] { cursor: pointer; }
+    .state-on    { --led-color: #22c55e; }
+    .state-up    { --led-color: #22c55e; }
+    /* link and up are the same fact on an Ethernet lamp; see docs/rj45-family-design.md */
+    .state-link  { --led-color: #22c55e; }
+    .state-activity { --led-color: #86efac; }
+    .state-ok    { --led-color: #22c55e; }
+    .state-fault { --led-color: #ef4444; }
+    .state-fail  { --led-color: #ef4444; }
+    .state-locate { --led-color: #3b82f6; }
+    .state-absent { opacity: 0.35; }
+    /* A SWITCHED OUTLET WITH NO LAMP is dimmed when it is off, as absent is but
+       less (docs/pdu-model-design.md section 3.2): every switched PDU in the
+       library has a lamp per outlet, and this is the fallback so the first one
+       without does not invent a lamp. An outlet a lamp is bound to by `for:`
+       carries data-lamped (mark_lamped) and is never dimmed: its lamp says it. */
+    [data-class='inlet'][data-states~='off'].state-off:not([data-lamped]) { opacity: 0.55; }
+    /* A state is a colour AND a behaviour. Solid and blinking of the same colour
+       are different facts on real hardware: on the S9510-28DC a solid green PWR
+       is "system power good" and a blinking green PWR is "power good but BMC
+       power fail". A blinking state that renders solid is the same failure as a
+       state class nothing paints - it looks modelled and is not.
+       blink animates opacity rather than fill, because each skin carries its own
+       unlit colour in the fill fallback and a keyframe cannot name it. alternate
+       animates fill, because two colours is the whole point, and takes its first
+       value from the element's own fill. */
+    @keyframes portrayal-blink {
+      0%, 49.9% { opacity: 1; }
+      50%, 100% { opacity: 0; }
+    }
+    @keyframes portrayal-alternate {
+      0%, 49.9% { fill: var(--led-color, #3a3f44); }
+      50%, 100% { fill: var(--led-color-alt, #3a3f44); }
+    }
+    .portrayal-highlight { filter: drop-shadow(0 0 1.2px #f59e0b) drop-shadow(0 0 0.5px #f59e0b); }
+    .portrayal-dim { opacity: 0.25; }
+    [data-class='region'].portrayal-highlight { stroke: #f59e0b; stroke-width: 0.7; filter: none; }
+    .state-fail[data-class='psu'], .state-fail[data-class='fan'] { filter: drop-shadow(0 0 1.4px #ef4444); }
+</style>
+  <metadata>{"device":"Juniper MX240","device-version":"5.0.2","generator":{"tool":"portrayal-render","version":"0.2.0"},"resolved-components":{},"source-sha256":"909378526d3f74e5a000bcf154818a7a9429d679c77f15e0e04fabd97f8c2ab4","view":"top"}</metadata>
+  <rect id="chassis-faceplate" data-path="chassis" data-class="chassis" data-model="MX240" x="0" y="0" width="443" height="622" rx="1.2" fill="#43474c" stroke="#22262a" stroke-width="0.5" />
+  <g id="--decor" data-class="decor">
+    <rect id="plate-0" data-kind="plate" x="0" y="0" width="6" height="622" rx="0.6" fill="#3a3d42" />
+    <rect id="plate-1" data-kind="plate" x="437" y="0" width="6" height="622" rx="0.6" fill="#3a3d42" />
+  </g>
+</svg>