@aj-shadow/z-abs-complayer-bootstrap-client 0.0.0-aj-beta.221

package/project/client/icons-inline/icon-project-save.jsx

@@ -0,0 +1,30 @@
+
+'use strict';
+
+import InnerIconProject from './inner-icons/inner-icon-project';
+import InnerIconFileSave from './inner-icons/inner-icon-file-save';
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconFileSave extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    const stroke = "#333";
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <InnerIconProject colorMark={this.props.colorMark} />
+        <g transform="scale(0.8) translate(2,12)">
+          <InnerIconFileSave colorMark={this.props.colorMark} />
+        </g>
+      </svg>
+    );  
+  }
+}

package/project/client/icons-inline/icon-repo.jsx

@@ -0,0 +1,33 @@
+
+'use strict';
+
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconRepo extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  static fill = "#eee";
+  static strokeWidth = "0.5px";
+  static stroke = "#333";
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <g transform="scale(0.8) translate(3, 3)">
+          <ellipse cx="12" cy="6" rx="8" ry="3" stroke="#000" strokeWidth="1" fill="none"/>
+          <path d="M4 6 V10 C4 11.7 8 13 12 13 C16 13 20 11.7 20 10 V6" stroke="#000" strokeWidth="1" fill="none"/>
+          <path d="M4 10 V14 C4 15.7 8 17 12 17 C16 17 20 15.7 20 14 V10" stroke="#000" strokeWidth="1" fill="none"/>
+          <path d="M4 14 V18 C4 19.7 8 21 12 21 C16 21 20 19.7 20 18 V14" stroke="#000" strokeWidth="1" fill="none"/>
+        </g>
+      </svg>
+    );  
+  }
+}

package/project/client/icons-inline/icon-resize-horizontal-decrease.jsx

@@ -0,0 +1,30 @@
+
+'use strict';
+
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconResizeHorizontalDecrease extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  static stroke = "#333";
+  static strokeWidth = "0.3";
+  static fill = "0.3";
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <rect x="4" y="10" width="17" height="3" stroke={IconResizeHorizontalDecrease.stroke} strokeWidth={IconResizeHorizontalDecrease.strokeWidth} fill="Gold" />
+        <path d="M2,8.5 L7,11.5 L2,14.5 z" stroke={IconResizeHorizontalDecrease.stroke} strokeWidth={IconResizeHorizontalDecrease.strokeWidth} fill={IconResizeHorizontalDecrease.fill} />
+        <path d="M22,8.5 L17,11.5 L22,14.5 z" stroke={IconResizeHorizontalDecrease.stroke} strokeWidth={IconResizeHorizontalDecrease.strokeWidth} fill={IconResizeHorizontalDecrease.fill} />
+      </svg>
+    );  
+  }
+}

package/project/client/icons-inline/icon-resize-horizontal-increase.jsx

@@ -0,0 +1,31 @@
+
+'use strict';
+
+import InnerIconMessage from './inner-icons/inner-icon-message'; 
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconResizeHorizontalIncrease extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  static stroke = "#333";
+  static strokeWidth = "0.3";
+  static fill = "0.3";
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <rect x="4" y="10" width="13" height="3" stroke={IconResizeHorizontalIncrease.stroke} strokeWidth={IconResizeHorizontalIncrease.strokeWidth} fill="Gold" />
+        <path d="M7,8.5 L2,11.5 L7,14.5 z" stroke={IconResizeHorizontalIncrease.stroke} strokeWidth={IconResizeHorizontalIncrease.strokeWidth} fill={IconResizeHorizontalIncrease.fill} />
+        <path d="M17,8.5 L22,11.5 L17,14.5 z" stroke={IconResizeHorizontalIncrease.stroke} strokeWidth={IconResizeHorizontalIncrease.strokeWidth} fill={IconResizeHorizontalIncrease.fill} />
+      </svg>
+    );  
+  }
+}

package/project/client/icons-inline/icon-scroll-auto.jsx

@@ -0,0 +1,37 @@
+
+'use strict';
+
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconScrollAuto extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    const className = this.props.colorMark ? `icon_${this.props.colorMark}` : '';
+    if(this.props.active) {
+      return (
+        <svg width="100%" height="100%" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+          <rect {...className} x="5" y="1" width="8" height="15" rx="1" ry="1" strokeWidth="2" stroke="#555" fill="transparent" />
+          <rect {...className} x="8.5" y="4" width="1" height="9.5" strokeWidth="1" stroke="#555" fill="#333" />
+          <polyline {...className} points="6.5 11.5, 9 14.5, 11.5 11.5" strokeWidth="1" stroke="#555" fill="none"/>
+        </svg>
+      );
+     }
+    else {
+      return (
+        <svg width="100%" height="100%" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+          <rect className={className} x="5" y="1" width="8" height="15" rx="1" ry="1" strokeWidth="2" stroke="#555" fill="transparent" />
+          <rect className={className} x="8.5" y="4" width="1" height="9" strokeWidth="1" stroke="#555" fill="#333" />
+        </svg>
+      ); 
+    }
+  }
+}

package/project/client/icons-inline/icon-stack-event-info.jsx

@@ -0,0 +1,27 @@
+
+'use strict';
+
+import InnerIconInfoType from './inner-icons/inner-icon-info-type';
+import InnerIconStackEvent from './inner-icons/inner-icon-stack-event'; 
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconStackEventInfo extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <InnerIconStackEvent checked={this.props.active} />
+        <InnerIconInfoType />
+      </svg>
+    );
+  }
+}

package/project/client/icons-inline/icon-stack-event-instance.jsx

@@ -0,0 +1,27 @@
+
+'use strict';
+
+import InnerIconStackEvent from './inner-icons/inner-icon-stack-event';
+import InnerIconInstanceType from './inner-icons/inner-icon-instance-type';
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconStackEventInstance extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <InnerIconStackEvent checked={this.props.active} />
+        <InnerIconInstanceType />
+      </svg>
+    );
+  }
+}

package/project/client/icons-inline/icon-stack-event-stack.jsx

@@ -0,0 +1,27 @@
+
+'use strict';
+
+import InnerIconStackEvent from './inner-icons/inner-icon-stack-event';
+import InnerIconStackType from './inner-icons/inner-icon-stack-type';
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconStackEventStack extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <InnerIconStackEvent checked={this.props.active} />
+        <InnerIconStackType />
+      </svg>
+    );
+  }
+}

package/project/client/icons-inline/icon-stack-events.jsx

@@ -0,0 +1,32 @@
+
+'use strict';
+
+import Const from './const';
+import InnerIconStackEvent from './inner-icons/inner-icon-stack-event'; 
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconStackEvents extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    const seqDiaColor = Const.getSeqDiaColor(this.props.active);
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <InnerIconStackEvent checked={this.props.active} />
+        <rect x="4.5" y="11" width="13" height="1.5" rx="1" ry="1" fill="Yellow" stroke="#333" strokeWidth="0.5" />
+        <rect x="4.5" y="13.5" width="13" height="1.5" rx="1" ry="1" fill="Yellow" stroke="#333" strokeWidth="0.5" />
+      	<rect x="4.5" y="16" width="13" height="1.5" rx="1" ry="1" fill="Yellow" stroke="#333" strokeWidth="0.5" />
+      	<rect x="4.5" y="18.5" width="13" height="1.5" rx="1" ry="1" fill="Yellow" stroke="#333" strokeWidth="0.5" />
+      	<rect x="4.5" y="21" width="13" height="1.5" rx="1" ry="1" fill="Yellow" stroke="#333" strokeWidth="0.5" />
+      </svg>
+    );
+  }
+}

package/project/client/icons-inline/icon-stage-create-static-ip-address.jsx

@@ -0,0 +1,32 @@
+
+'use strict';
+
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+  export default class IconStageCreateStaticIpAddress extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  static stroke = "#333";
+  static strokeWidth = "0.3";
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg className="icon-inline" width="100%" height="100%" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+        <path d="M12 2C8.13 2 5 5.13 5 9c0 5 7 11 7 11s7-6 7-11c0-3.87-3.13-7-7-7z" />
+        <circle cx="12" cy="9" r="2" fill="currentColor" stroke="none"/>
+        <g stroke="currentColor" stroke-width="1.5" stroke-linecap="round">
+          <line x1="18" y1="5" x2="18" y2="9"/>
+          <line x1="16" y1="7" x2="20" y2="7"/>
+        </g>
+      </svg>
+    );
+  }
+}

package/project/client/icons-inline/icon-stage-delete-static-ip-address.jsx

@@ -0,0 +1,27 @@
+
+'use strict';
+
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+  export default class IconStageDeleteStaticIpAddress extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  static stroke = "#333";
+  static strokeWidth = "0.3";
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg className="icon-inline" width="100%" height="100%" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
+        <path className={`icon_${this.props.colorMark}`} d="M11,6.5 L16,9.5 L11,12.5 z" stroke={this.props.stroke} strokeWidth={IconStageDeleteStaticIpAddress.strokeWidth} fill={this.props.stroke} />
+      </svg>
+    );
+  }
+}

package/project/client/icons-inline/icon-stage-host.jsx

@@ -0,0 +1,40 @@
+
+'use strict';
+
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconStageDeleteStaticIpAddress extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  static stroke = "#333";
+  static strokeWidth = "1";
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    if(this.props.active) {
+      return (
+        <svg className="icon-inline" width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+          <path stroke={IconStageDeleteStaticIpAddress.stroke} strokeWidth={IconStageDeleteStaticIpAddress.strokeWidth} d="M12 6 C9.66 6 7.5 7.8 7.5 10 C7.5 13.2 12 18 12 18 C12 18 16.5 13.2 16.5 10 C16.5 7.8 14.34 6 12 6 Z" fill="grey" />
+          <circle stroke={IconStageDeleteStaticIpAddress.stroke} strokeWidth={IconStageDeleteStaticIpAddress.strokeWidth} cx="12" cy="14" r="2" fill="white"/> 
+        </svg>
+      );
+    }
+    else {
+      return (
+        <svg className="icon-inline" width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+          <circle cx="12" cy="12" r="8" stroke={IconStageDeleteStaticIpAddress.stroke} strokeWidth={IconStageDeleteStaticIpAddress.strokeWidth} fill="none" />
+          <ellipse cx="12" cy="12" rx="4" ry="8" stroke={IconStageDeleteStaticIpAddress.stroke} strokeWidth={IconStageDeleteStaticIpAddress.strokeWidth} fill="none" />
+          <ellipse cx="12" cy="12" rx="8" ry="4" stroke={IconStageDeleteStaticIpAddress.stroke} strokeWidth={IconStageDeleteStaticIpAddress.strokeWidth} fill="none" />
+          <line x1="4" x2="20" y1="12" y2="12" stroke={IconStageDeleteStaticIpAddress.stroke} strokeWidth={IconStageDeleteStaticIpAddress.strokeWidth} fill="none" />
+        </svg>
+      );
+    }
+  }
+}

package/project/client/icons-inline/icon-stage-ping.jsx

@@ -0,0 +1,29 @@
+
+'use strict';
+
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconStagePing extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  static stroke = "#333";
+  static strokeWidth = "0.3";
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg className="icon-inline" width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+       <circle cx="12" cy="12" r="1.5" fill={IconStagePing.stroke} stroke="none"/>
+       <circle cx="12" cy="12" r="5" stroke={IconStagePing.stroke} strokeWidth={IconStagePing.strokeWidth} fill="none"/>
+       <circle cx="12" cy="12" r="9" stroke={IconStagePing.stroke} strokeWidth={IconStagePing.strokeWidth} fill="none"/>
+      </svg>
+    );
+  }
+}

package/project/client/icons-inline/icon-stage.jsx

@@ -0,0 +1,37 @@
+
+'use strict';
+
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconStage extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  static stroke = "#333";
+  static strokeWidth = "1";
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg className="icon-inline" width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <rect x="2" y="6" width="20" height="12" stroke={IconStage.stroke} strokeWidth={IconStage.strokeWidth} fill="none" />
+        <path d="M2 6 L2 18 L6 18 L4 13 L6 6 Z" stroke={IconStage.stroke} strokeWidth={IconStage.strokeWidth} fill="#555"/>
+        <path d="M22 6 L22 18 L18 18 L20 13 L18 6 Z" stroke={IconStage.stroke} strokeWidth={IconStage.strokeWidth} fill="#555"/>
+        <g transform="rotate(-35, 6, 6) translate(-3,4)">
+          <path d="M6 2 L8 2 L9 6 L5 6 Z" fill="#666"/>
+          <path d="M7 6 L3 14 L11 14 Z" fill="rgba(128,128,128,0.35)"/>
+        </g>
+        <g transform="rotate(35, 6, 9) translate(-1,-2)">
+          <path d="M16 2 L18 2 L19 6 L15 6 Z" fill="#666"/>
+          <path d="M17 6 L13 14 L21 14 Z" fill="rgba(128,128,128,0.35)"/>
+        </g>
+      </svg>
+    );
+  }
+}

package/project/client/icons-inline/icon-state-event-executed.jsx

@@ -0,0 +1,25 @@
+
+'use strict';
+
+import InnerIconStateEvent from './inner-icons/inner-icon-state-event'; 
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconStateEventExecuted extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <InnerIconStateEvent checked={this.props.active} stateColor="Green" />
+      </svg>
+    );
+  }
+}

package/project/client/icons-inline/icon-state-event-not-executed.jsx

@@ -0,0 +1,25 @@
+
+'use strict';
+
+import InnerIconStateEvent from './inner-icons/inner-icon-state-event'; 
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconStateEventNotExecuted extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <InnerIconStateEvent checked={this.props.active} stateColor="Orange"/>
+      </svg>
+    );  
+  }
+}

package/project/client/icons-inline/icon-zoom-in.jsx

@@ -0,0 +1,30 @@
+
+'use strict';
+
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconZoomIn extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  static stroke = "#333";
+  static strokeWidth = "1";
+  static lineStrokeWidth = "2";
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <circle cx="12" cy="12" r="7" stroke={IconZoomIn.stroke} strokeWidth={IconZoomIn.strokeWidth} fill="Gold" />
+        <line x1="8" x2="16" y1="12" y2="12" stroke={IconZoomIn.stroke} strokeWidth={IconZoomIn.lineStrokeWidth} />
+        <line x1="12" x2="12" y1="8" y2="16" stroke={IconZoomIn.stroke} strokeWidth={IconZoomIn.lineStrokeWidth} />
+      </svg>
+    );  
+  }
+}

package/project/client/icons-inline/icon-zoom-out.jsx

@@ -0,0 +1,30 @@
+
+'use strict';
+
+import InnerIconMessage from './inner-icons/inner-icon-message'; 
+import ReactComponentBase from 'z-abs-corelayer-client/client/react-component/react-component-base';
+import React from 'react';
+
+
+export default class IconZoomOut extends ReactComponentBase {
+  constructor(props) {
+    super(props);
+  }
+  
+  static stroke = "#333";
+  static strokeWidth = "1";
+  static lineStrokeWidth = "2";
+  
+  shouldUpdate(nextProps, nextState) {
+    return !this.shallowCompare(this.props, nextProps);
+  }
+  
+  render() {
+    return (
+      <svg width="100%" height="100%" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+        <circle cx="12" cy="12" r="7" stroke={IconZoomOut.stroke} strokeWidth={IconZoomOut.strokeWidth} fill="Gold" />
+        <line x1="8" x2="16" y1="12" y2="12" stroke={IconZoomOut.stroke} strokeWidth={IconZoomOut.lineStrokeWidth} />
+      </svg>
+    );  
+  }
+}