@balkangraph/orgchart.js 8.16.9 → 8.16.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/orgchart.d.ts +125 -1
  2. package/orgchart.js +1 -1
  3. package/package.json +1 -1
package/orgchart.d.ts CHANGED
@@ -2955,6 +2955,9 @@ declare namespace OrgChart {
2955
2955
  instance: OrgChart;
2956
2956
  }
2957
2957
 
2958
+ /**
2959
+ * @ignore
2960
+ */
2958
2961
  interface xScrollUI {
2959
2962
  addListener(svg: HTMLElement): void;
2960
2963
  create(width: number): void;
@@ -2963,6 +2966,9 @@ declare namespace OrgChart {
2963
2966
  element: HTMLElement;
2964
2967
  }
2965
2968
 
2969
+ /**
2970
+ * @ignore
2971
+ */
2966
2972
  interface yScrollUI {
2967
2973
  addListener(svg: HTMLElement): void;
2968
2974
  create(width: number): void;
@@ -3138,18 +3144,136 @@ declare namespace OrgChart {
3138
3144
  focusId: number | string
3139
3145
  }
3140
3146
 
3147
+ /**
3148
+ * Toolbar UI
3149
+ */
3141
3150
  interface toolbarUI {
3151
+ /**
3152
+ * @ignore
3153
+ * @param obj
3154
+ * @param toolbar
3155
+ */
3142
3156
  init(obj: OrgChart, toolbar: toolbar): void;
3157
+
3158
+ /**
3159
+ * Shows the layout
3160
+ * ```typescript
3161
+ * var chart = new OrgChart('#tree', {});
3162
+ * chart.onInit(function(){
3163
+ * this.toolbarUI.showLayout();
3164
+ * });
3165
+ * chart.load(nodes)
3166
+ * ```
3167
+ */
3143
3168
  showLayout(): void;
3144
- hideLayout(): void;
3145
3169
 
3170
+ /**
3171
+ * Hides the layout
3172
+ * ```typescript
3173
+ * var chart = new OrgChart('#tree', {});
3174
+ * chart.onInit(function(){
3175
+ * this.toolbarUI.hideLayout();
3176
+ * });
3177
+ * chart.load(nodes)
3178
+ * ```
3179
+ */
3180
+ hideLayout(): void;
3146
3181
 
3182
+ /**
3183
+ * ```typescript
3184
+ * OrgChart.toolbarUI.expandAllIcon =
3185
+ * `<svg style="margin-bottom:7px;box-shadow: 0px 1px 4px rgba(0,0,0,0.3); border: 1px solid #cacaca;background-color: #f9f9f9;display: block;cursor: pointer;" width="32px" height="32px">
3186
+ * <marker id="arrow" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="4" markerHeight="4" orient="auto-start-reverse"><path d="M 0 0 L 10 5 L 0 10 z" fill="#757575" /></marker>
3187
+ * <line x1="11" y1="11" x2="6" y2="6" stroke="#757575" stroke-width="2" marker-end="url(#arrow)" />
3188
+ * <line x1="21" y1="11" x2="26" y2="6" stroke="#757575" stroke-width="2" marker-end="url(#arrow)" />
3189
+ * <line x1="21" y1="21" x2="26" y2="26" stroke="#757575" stroke-width="2" marker-end="url(#arrow)" />
3190
+ * <line x1="11" y1="21" x2="6" y2="26" stroke="#757575" stroke-width="2" marker-end="url(#arrow)" />
3191
+ * <rect x="12" y="12" width="8" height="8" fill="#757575"></rect>
3192
+ * </svg>`;
3193
+ * ```
3194
+ */
3147
3195
  expandAllIcon?: string;
3196
+
3197
+ /**
3198
+ * ```typescript
3199
+ * OrgChart.toolbarUI.fitIcon =
3200
+ * `<svg style="margin-bottom:7px;box-shadow: 0px 1px 4px rgba(0,0,0,0.3); border: 1px solid #cacaca;background-color: #f9f9f9;display: block;cursor: pointer;" width="32px" height="32px">
3201
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M4,11 L4,4 L11,4"></path>
3202
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M28,11 L28,4 L21,4"></path>
3203
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M28,21 L28,28 L21,28"></path>
3204
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M4,21 L4,28 L11,28"></path>
3205
+ * <circle cx="16" cy="16" r="5" fill="#757575"></circle>
3206
+ * </svg>`;
3207
+ * ```
3208
+ */
3148
3209
  fitIcon?: string;
3210
+
3211
+ /**
3212
+ * ```typescript
3213
+ * OrgChart.toolbarUI.openFullScreenIcon =
3214
+ * `<svg style="margin-bottom:7px;box-shadow: 0px 1px 4px rgba(0,0,0,0.3); border: 1px solid #cacaca;background-color: #f9f9f9;display: block;cursor: pointer;" width="32px" height="32px">
3215
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M4,11 L4,4 L11,4"></path>
3216
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M28,11 L28,4 L21,4"></path>
3217
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M28,21 L28,28 L21,28"></path>
3218
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M4,21 L4,28 L11,28"></path>
3219
+ * <line x1="5" y1="5" x2="27" y2="27" stroke-width="3" stroke="#757575"></line>
3220
+ * <line x1="5" y1="27" x2="27" y2="5" stroke-width="3" stroke="#757575"></line>
3221
+ * </svg>`;
3222
+ * ```
3223
+ */
3149
3224
  openFullScreenIcon?: string;
3225
+
3226
+ /**
3227
+ * ```typescript
3228
+ * OrgChart.toolbarUI.closeFullScreenIcon =
3229
+ * `<svg style="margin-bottom:7px;box-shadow: 0px 1px 4px rgba(0,0,0,0.3); border: 1px solid #cacaca;background-color: #f9f9f9;display: block;cursor: pointer;" width="32px" height="32px">
3230
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M4,11 L4,4 L11,4"></path>
3231
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M28,11 L28,4 L21,4"></path>
3232
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M28,21 L28,28 L21,28"></path>
3233
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M4,21 L4,28 L11,28"></path>
3234
+ * <rect x="11" y="11" width="10" height="10" stroke-width="3" fill="none" stroke="#757575" ></rect>
3235
+ * </svg>`;
3236
+ * ```
3237
+ */
3150
3238
  closeFullScreenIcon?: string;
3239
+
3240
+ /**
3241
+ * ```typescript
3242
+ * OrgChart.toolbarUI.zoomInIcon =
3243
+ * `<svg style="box-shadow: 0px 1px 4px rgba(0,0,0,0.3); border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; border-top: 1px solid #cacaca; background-color: #f9f9f9;display: block; cursor: pointer;" width="32px" height="32px" >
3244
+ * <g>
3245
+ * <rect fill="#f9f9f9" x="0" y="0" width="32" height="32" ></rect>
3246
+ * <line x1="8" y1="16" x2="24" y2="16" stroke-width="3" stroke="#757575"></line>
3247
+ * <line x1="16" y1="8" x2="16" y2="24" stroke-width="3" stroke="#757575"></line>
3248
+ * </g>
3249
+ * <line x1="4" y1="32" x2="28" y2="32" stroke-width="1" stroke="#cacaca"></line>
3250
+ * </svg>`;
3251
+ * ```
3252
+ */
3151
3253
  zoomInIcon?: string;
3254
+
3255
+ /**
3256
+ * ```typescript
3257
+ * OrgChart.toolbarUI.zoomOutIcon =
3258
+ * `<svg style="box-shadow: 0px 1px 4px rgba(0,0,0,0.3); margin-bottom:7px; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; background-color: #f9f9f9;display: block; cursor: pointer;" width="32px" height="32px" >
3259
+ * <g>
3260
+ * <rect fill="#f9f9f9" x="0" y="0" width="32" height="32" ></rect>
3261
+ * <line x1="8" y1="16" x2="24" y2="16" stroke-width="3" stroke="#757575"></line>
3262
+ * </g>
3263
+ * </svg>`;
3264
+ * ```
3265
+ */
3152
3266
  zoomOutIcon?: string;
3267
+
3268
+ /**
3269
+ * ```typescript
3270
+ * OrgChart.toolbarUI.layoutIcon =
3271
+ * `<svg ` + OrgChart.attr.tlbr + `="layout" style="box-shadow: 0px 1px 4px rgba(0,0,0,0.3); border: 1px solid #cacaca;background-color: #f9f9f9;display: block;cursor: pointer;" width="32px" height="32px">
3272
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M8,24 L16,14 L24,24"></path>
3273
+ * <path stroke-width="3" fill="none" stroke="#757575" d="M8,16 L16,8 L24,16"></path>
3274
+ * </svg>`;
3275
+ * ```
3276
+ */
3153
3277
  layoutIcon?: string;
3154
3278
  }
3155
3279