mol_plot_all 1.2.533 → 1.2.535

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.
package/node.js CHANGED
@@ -5210,143 +5210,6 @@ var $;
5210
5210
  ;
5211
5211
  "use strict";
5212
5212
  var $;
5213
- (function ($) {
5214
- class $mol_svg_text_box extends $mol_svg_group {
5215
- font_size() {
5216
- return 16;
5217
- }
5218
- width() {
5219
- return 0;
5220
- }
5221
- sub() {
5222
- return [
5223
- this.Back(),
5224
- this.Text()
5225
- ];
5226
- }
5227
- box_width() {
5228
- return "0.5rem";
5229
- }
5230
- box_height() {
5231
- return "1rem";
5232
- }
5233
- box_pos_x() {
5234
- return this.pos_x();
5235
- }
5236
- box_pos_y() {
5237
- return "0";
5238
- }
5239
- Back() {
5240
- const obj = new this.$.$mol_svg_rect();
5241
- obj.width = () => this.box_width();
5242
- obj.height = () => this.box_height();
5243
- obj.pos = () => [
5244
- this.box_pos_x(),
5245
- this.box_pos_y()
5246
- ];
5247
- return obj;
5248
- }
5249
- pos_x() {
5250
- return "0";
5251
- }
5252
- pos_y() {
5253
- return "100%";
5254
- }
5255
- align() {
5256
- return "start";
5257
- }
5258
- text() {
5259
- return "";
5260
- }
5261
- Text() {
5262
- const obj = new this.$.$mol_svg_text();
5263
- obj.pos = () => [
5264
- this.pos_x(),
5265
- this.pos_y()
5266
- ];
5267
- obj.align = () => this.align();
5268
- obj.sub = () => [
5269
- this.text()
5270
- ];
5271
- return obj;
5272
- }
5273
- }
5274
- __decorate([
5275
- $mol_mem
5276
- ], $mol_svg_text_box.prototype, "Back", null);
5277
- __decorate([
5278
- $mol_mem
5279
- ], $mol_svg_text_box.prototype, "Text", null);
5280
- $.$mol_svg_text_box = $mol_svg_text_box;
5281
- })($ || ($ = {}));
5282
- //mol/svg/text/box/-view.tree/box.view.tree.ts
5283
- ;
5284
- "use strict";
5285
- var $;
5286
- (function ($) {
5287
- let canvas;
5288
- function $mol_font_canvas(next = canvas) {
5289
- if (!next)
5290
- next = $mol_dom_context.document.createElement('canvas').getContext('2d');
5291
- return canvas = next;
5292
- }
5293
- $.$mol_font_canvas = $mol_font_canvas;
5294
- })($ || ($ = {}));
5295
- //mol/font/canvas/canvas.ts
5296
- ;
5297
- "use strict";
5298
- var $;
5299
- (function ($) {
5300
- function $mol_font_measure(font, text) {
5301
- const canvas = $mol_font_canvas();
5302
- canvas.font = font;
5303
- return canvas.measureText(text).width;
5304
- }
5305
- $.$mol_font_measure = $mol_font_measure;
5306
- })($ || ($ = {}));
5307
- //mol/font/measure/measure.ts
5308
- ;
5309
- "use strict";
5310
- var $;
5311
- (function ($) {
5312
- var $$;
5313
- (function ($$) {
5314
- class $mol_svg_text_box extends $.$mol_svg_text_box {
5315
- box_width() {
5316
- return `${this.width()}px`;
5317
- }
5318
- width() {
5319
- return $mol_font_measure(this.font_size() + 'px ' + this.font_family(), this.text());
5320
- }
5321
- box_pos_x() {
5322
- const align = this.align();
5323
- if (align === 'end')
5324
- return `calc(${this.pos_x()} - ${this.width()})`;
5325
- if (align === 'middle')
5326
- return `calc(${this.pos_x()} - ${Math.round(this.width() / 2)})`;
5327
- return this.pos_x();
5328
- }
5329
- box_pos_y() {
5330
- return `calc(${this.pos_y()} - ${this.font_size() - 2})`;
5331
- }
5332
- }
5333
- __decorate([
5334
- $mol_mem
5335
- ], $mol_svg_text_box.prototype, "width", null);
5336
- $$.$mol_svg_text_box = $mol_svg_text_box;
5337
- })($$ = $.$$ || ($.$$ = {}));
5338
- })($ || ($ = {}));
5339
- //mol/svg/text/box/box.view.ts
5340
- ;
5341
- "use strict";
5342
- var $;
5343
- (function ($) {
5344
- $mol_style_attach("mol/svg/text/box/box.view.css", "[mol_svg_text_box_back] {\n\tstroke: none;\n\tfill: var(--mol_theme_back);\n}\n");
5345
- })($ || ($ = {}));
5346
- //mol/svg/text/box/-css/box.view.css.ts
5347
- ;
5348
- "use strict";
5349
- var $;
5350
5213
  (function ($) {
5351
5214
  class $mol_plot_ruler extends $mol_plot_graph {
5352
5215
  step() {
@@ -5436,7 +5299,7 @@ var $;
5436
5299
  return "start";
5437
5300
  }
5438
5301
  Title() {
5439
- const obj = new this.$.$mol_svg_text_box();
5302
+ const obj = new this.$.$mol_svg_text();
5440
5303
  obj.pos_x = () => this.title_pos_x();
5441
5304
  obj.pos_y = () => this.title_pos_y();
5442
5305
  obj.align = () => this.title_align();
@@ -5571,7 +5434,10 @@ var $;
5571
5434
  return [this.Curve()];
5572
5435
  }
5573
5436
  front() {
5574
- return [this.Background(), ...this.labels_formatted(), this.Title()];
5437
+ return [
5438
+ ...this.labels_formatted(),
5439
+ this.Title()
5440
+ ];
5575
5441
  }
5576
5442
  }
5577
5443
  __decorate([
@@ -5591,7 +5457,7 @@ var $;
5591
5457
  "use strict";
5592
5458
  var $;
5593
5459
  (function ($) {
5594
- $mol_style_attach("mol/plot/ruler/ruler.view.css", "[mol_plot_ruler_curve] {\n\tcolor: var(--mol_theme_line);\n\tstroke-width: 1px;\n\tstroke: currentColor;\n}\n\n[mol_plot_ruler_label] {\n\tcolor: var(--mol_theme_text);\n}\n\n[mol_plot_ruler_title] {\n\tcolor: var(--mol_theme_shade);\n\tbackground-color: var(--mol_theme_back);\n}\n\n[mol_plot_ruler_background] {\n\tstroke: none;\n\tfill: var(--mol_theme_back);\n\topacity: 0.8;\n}\n");
5460
+ $mol_style_attach("mol/plot/ruler/ruler.view.css", "[mol_plot_ruler_curve] {\n\tcolor: var(--mol_theme_line);\n\tstroke-width: 1px;\n\tstroke: currentColor;\n}\n\n[mol_plot_ruler_label] {\n\tcolor: var(--mol_theme_text);\n\ttext-shadow: 0 -1px var(--mol_theme_back), 0px 1px var(--mol_theme_back);\n}\n\n[mol_plot_ruler_title] {\n\tcolor: var(--mol_theme_shade);\n\tbackground-color: var(--mol_theme_back);\n\ttext-shadow: 0 -1px var(--mol_theme_back), 0px 1px var(--mol_theme_back);\n}\n\n[mol_plot_ruler_background] {\n\tstroke: none;\n\tfill: var(--mol_theme_back);\n\topacity: 0.8;\n}\n");
5595
5461
  })($ || ($ = {}));
5596
5462
  //mol/plot/ruler/-css/ruler.view.css.ts
5597
5463
  ;
@@ -5755,6 +5621,143 @@ var $;
5755
5621
  ;
5756
5622
  "use strict";
5757
5623
  var $;
5624
+ (function ($) {
5625
+ class $mol_svg_text_box extends $mol_svg_group {
5626
+ font_size() {
5627
+ return 16;
5628
+ }
5629
+ width() {
5630
+ return 0;
5631
+ }
5632
+ sub() {
5633
+ return [
5634
+ this.Back(),
5635
+ this.Text()
5636
+ ];
5637
+ }
5638
+ box_width() {
5639
+ return "0.5rem";
5640
+ }
5641
+ box_height() {
5642
+ return "1rem";
5643
+ }
5644
+ box_pos_x() {
5645
+ return this.pos_x();
5646
+ }
5647
+ box_pos_y() {
5648
+ return "0";
5649
+ }
5650
+ Back() {
5651
+ const obj = new this.$.$mol_svg_rect();
5652
+ obj.width = () => this.box_width();
5653
+ obj.height = () => this.box_height();
5654
+ obj.pos = () => [
5655
+ this.box_pos_x(),
5656
+ this.box_pos_y()
5657
+ ];
5658
+ return obj;
5659
+ }
5660
+ pos_x() {
5661
+ return "0";
5662
+ }
5663
+ pos_y() {
5664
+ return "100%";
5665
+ }
5666
+ align() {
5667
+ return "start";
5668
+ }
5669
+ text() {
5670
+ return "";
5671
+ }
5672
+ Text() {
5673
+ const obj = new this.$.$mol_svg_text();
5674
+ obj.pos = () => [
5675
+ this.pos_x(),
5676
+ this.pos_y()
5677
+ ];
5678
+ obj.align = () => this.align();
5679
+ obj.sub = () => [
5680
+ this.text()
5681
+ ];
5682
+ return obj;
5683
+ }
5684
+ }
5685
+ __decorate([
5686
+ $mol_mem
5687
+ ], $mol_svg_text_box.prototype, "Back", null);
5688
+ __decorate([
5689
+ $mol_mem
5690
+ ], $mol_svg_text_box.prototype, "Text", null);
5691
+ $.$mol_svg_text_box = $mol_svg_text_box;
5692
+ })($ || ($ = {}));
5693
+ //mol/svg/text/box/-view.tree/box.view.tree.ts
5694
+ ;
5695
+ "use strict";
5696
+ var $;
5697
+ (function ($) {
5698
+ let canvas;
5699
+ function $mol_font_canvas(next = canvas) {
5700
+ if (!next)
5701
+ next = $mol_dom_context.document.createElement('canvas').getContext('2d');
5702
+ return canvas = next;
5703
+ }
5704
+ $.$mol_font_canvas = $mol_font_canvas;
5705
+ })($ || ($ = {}));
5706
+ //mol/font/canvas/canvas.ts
5707
+ ;
5708
+ "use strict";
5709
+ var $;
5710
+ (function ($) {
5711
+ function $mol_font_measure(font, text) {
5712
+ const canvas = $mol_font_canvas();
5713
+ canvas.font = font;
5714
+ return canvas.measureText(text).width;
5715
+ }
5716
+ $.$mol_font_measure = $mol_font_measure;
5717
+ })($ || ($ = {}));
5718
+ //mol/font/measure/measure.ts
5719
+ ;
5720
+ "use strict";
5721
+ var $;
5722
+ (function ($) {
5723
+ var $$;
5724
+ (function ($$) {
5725
+ class $mol_svg_text_box extends $.$mol_svg_text_box {
5726
+ box_width() {
5727
+ return `${this.width()}px`;
5728
+ }
5729
+ width() {
5730
+ return $mol_font_measure(this.font_size() + 'px ' + this.font_family(), this.text());
5731
+ }
5732
+ box_pos_x() {
5733
+ const align = this.align();
5734
+ if (align === 'end')
5735
+ return `calc(${this.pos_x()} - ${this.width()})`;
5736
+ if (align === 'middle')
5737
+ return `calc(${this.pos_x()} - ${Math.round(this.width() / 2)})`;
5738
+ return this.pos_x();
5739
+ }
5740
+ box_pos_y() {
5741
+ return `calc(${this.pos_y()} - ${this.font_size() - 2})`;
5742
+ }
5743
+ }
5744
+ __decorate([
5745
+ $mol_mem
5746
+ ], $mol_svg_text_box.prototype, "width", null);
5747
+ $$.$mol_svg_text_box = $mol_svg_text_box;
5748
+ })($$ = $.$$ || ($.$$ = {}));
5749
+ })($ || ($ = {}));
5750
+ //mol/svg/text/box/box.view.ts
5751
+ ;
5752
+ "use strict";
5753
+ var $;
5754
+ (function ($) {
5755
+ $mol_style_attach("mol/svg/text/box/box.view.css", "[mol_svg_text_box_back] {\n\tstroke: none;\n\tfill: var(--mol_theme_back);\n}\n");
5756
+ })($ || ($ = {}));
5757
+ //mol/svg/text/box/-css/box.view.css.ts
5758
+ ;
5759
+ "use strict";
5760
+ var $;
5758
5761
  (function ($) {
5759
5762
  class $mol_plot_mark_cross extends $mol_plot_graph {
5760
5763
  labels() {