@genesislcap/foundation-zero 14.167.3-alpha-b40d1e5.0 → 14.168.0

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 (2) hide show
  1. package/dist/custom-elements.json +591 -591
  2. package/package.json +12 -12
@@ -28443,7 +28443,7 @@
28443
28443
  },
28444
28444
  {
28445
28445
  "kind": "javascript-module",
28446
- "path": "src/slider-label/index.ts",
28446
+ "path": "src/slider/index.ts",
28447
28447
  "declarations": [],
28448
28448
  "exports": [
28449
28449
  {
@@ -28451,7 +28451,7 @@
28451
28451
  "name": "*",
28452
28452
  "declaration": {
28453
28453
  "name": "*",
28454
- "package": "./slider-label"
28454
+ "package": "./slider"
28455
28455
  }
28456
28456
  },
28457
28457
  {
@@ -28459,7 +28459,7 @@
28459
28459
  "name": "*",
28460
28460
  "declaration": {
28461
28461
  "name": "*",
28462
- "package": "./slider-label.styles"
28462
+ "package": "./slider.styles"
28463
28463
  }
28464
28464
  },
28465
28465
  {
@@ -28467,18 +28467,74 @@
28467
28467
  "name": "*",
28468
28468
  "declaration": {
28469
28469
  "name": "*",
28470
- "package": "./slider-label.template"
28470
+ "package": "./slider.template"
28471
28471
  }
28472
28472
  }
28473
28473
  ]
28474
28474
  },
28475
28475
  {
28476
28476
  "kind": "javascript-module",
28477
- "path": "src/slider-label/slider-label.styles.ts",
28477
+ "path": "src/slider/slider.stories.ts",
28478
+ "declarations": [
28479
+ {
28480
+ "kind": "variable",
28481
+ "name": "meta",
28482
+ "type": {
28483
+ "text": "Meta"
28484
+ },
28485
+ "default": "{\n title: 'Slider',\n component: 'zero-slider',\n}"
28486
+ },
28487
+ {
28488
+ "kind": "variable",
28489
+ "name": "Primary",
28490
+ "type": {
28491
+ "text": "StoryObj"
28492
+ },
28493
+ "default": "{\n render: () => html`\n <div style=\"min-height: 300px; width: 100%;\">\n <h6>Vertical</h6>\n <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\" orientation=\"vertical\"></zero-slider>\n <h6>Horizontal</h6>\n <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\"></zero-slider>\n </div>\n `,\n}"
28494
+ },
28495
+ {
28496
+ "kind": "variable",
28497
+ "name": "WithLabels",
28498
+ "type": {
28499
+ "text": "StoryObj"
28500
+ },
28501
+ "default": "{\n render: () => html`\n <div style=\"min-height: 300px; width: 100%; margin: 20px;\">\n <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\">\n <zero-slider-label position=\"0\">0%</zero-slider-label>\n <zero-slider-label position=\"10\">10%</zero-slider-label>\n <zero-slider-label position=\"90\">90%</zero-slider-label>\n <zero-slider-label position=\"100\">100%</zero-slider-label>\n </zero-slider>\n </div>\n `,\n}"
28502
+ }
28503
+ ],
28504
+ "exports": [
28505
+ {
28506
+ "kind": "js",
28507
+ "name": "default",
28508
+ "declaration": {
28509
+ "name": "meta",
28510
+ "module": "src/slider/slider.stories.ts"
28511
+ }
28512
+ },
28513
+ {
28514
+ "kind": "js",
28515
+ "name": "Primary",
28516
+ "declaration": {
28517
+ "name": "Primary",
28518
+ "module": "src/slider/slider.stories.ts"
28519
+ }
28520
+ },
28521
+ {
28522
+ "kind": "js",
28523
+ "name": "WithLabels",
28524
+ "declaration": {
28525
+ "name": "WithLabels",
28526
+ "module": "src/slider/slider.stories.ts"
28527
+ }
28528
+ }
28529
+ ]
28530
+ },
28531
+ {
28532
+ "kind": "javascript-module",
28533
+ "path": "src/slider/slider.styles.ts",
28478
28534
  "declarations": [
28479
28535
  {
28480
28536
  "kind": "function",
28481
- "name": "zeroSliderLabelStyles",
28537
+ "name": "zeroSliderStyles",
28482
28538
  "return": {
28483
28539
  "type": {
28484
28540
  "text": "ElementStyles"
@@ -28494,7 +28550,7 @@
28494
28550
  {
28495
28551
  "name": "definition",
28496
28552
  "type": {
28497
- "text": "FoundationElementDefinition"
28553
+ "text": "SliderOptions"
28498
28554
  }
28499
28555
  }
28500
28556
  ]
@@ -28503,24 +28559,24 @@
28503
28559
  "exports": [
28504
28560
  {
28505
28561
  "kind": "js",
28506
- "name": "zeroSliderLabelStyles",
28562
+ "name": "zeroSliderStyles",
28507
28563
  "declaration": {
28508
- "name": "zeroSliderLabelStyles",
28509
- "module": "src/slider-label/slider-label.styles.ts"
28564
+ "name": "zeroSliderStyles",
28565
+ "module": "src/slider/slider.styles.ts"
28510
28566
  }
28511
28567
  }
28512
28568
  ]
28513
28569
  },
28514
28570
  {
28515
28571
  "kind": "javascript-module",
28516
- "path": "src/slider-label/slider-label.template.ts",
28572
+ "path": "src/slider/slider.template.ts",
28517
28573
  "declarations": [
28518
28574
  {
28519
28575
  "kind": "function",
28520
- "name": "zeroSliderLabelTemplate",
28576
+ "name": "zeroSliderTemplate",
28521
28577
  "return": {
28522
28578
  "type": {
28523
- "text": "ViewTemplate<SliderLabel>"
28579
+ "text": "ViewTemplate<Slider>"
28524
28580
  }
28525
28581
  },
28526
28582
  "parameters": [
@@ -28533,7 +28589,7 @@
28533
28589
  {
28534
28590
  "name": "definition",
28535
28591
  "type": {
28536
- "text": "FoundationElementDefinition"
28592
+ "text": "SliderOptions"
28537
28593
  }
28538
28594
  }
28539
28595
  ]
@@ -28542,84 +28598,95 @@
28542
28598
  "exports": [
28543
28599
  {
28544
28600
  "kind": "js",
28545
- "name": "zeroSliderLabelTemplate",
28601
+ "name": "zeroSliderTemplate",
28546
28602
  "declaration": {
28547
- "name": "zeroSliderLabelTemplate",
28548
- "module": "src/slider-label/slider-label.template.ts"
28603
+ "name": "zeroSliderTemplate",
28604
+ "module": "src/slider/slider.template.ts"
28549
28605
  }
28550
28606
  }
28551
28607
  ]
28552
28608
  },
28553
28609
  {
28554
28610
  "kind": "javascript-module",
28555
- "path": "src/slider-label/slider-label.ts",
28611
+ "path": "src/slider/slider.ts",
28556
28612
  "declarations": [
28557
28613
  {
28558
28614
  "kind": "class",
28559
28615
  "description": "",
28560
- "name": "SliderLabel",
28616
+ "name": "Slider",
28561
28617
  "superclass": {
28562
- "name": "FoundationSliderLabel",
28618
+ "name": "FoundationSlider",
28563
28619
  "package": "@genesislcap/foundation-ui"
28564
28620
  },
28565
- "tagName": "%%prefix%%-slider-label",
28621
+ "tagName": "%%prefix%%-slider",
28566
28622
  "customElement": true,
28567
28623
  "attributes": [
28568
28624
  {
28569
- "name": "position",
28625
+ "name": "readonly",
28570
28626
  "type": {
28571
- "text": "string"
28627
+ "text": "boolean"
28572
28628
  },
28573
- "description": "The position of the label relative to the min and max value of the parent @microsoft/fast-foundation#(Slider:class).",
28574
- "fieldName": "position",
28629
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
28630
+ "fieldName": "readOnly",
28575
28631
  "inheritedFrom": {
28576
- "name": "SliderLabel",
28577
- "module": "src/slider-label/slider-label.ts"
28632
+ "name": "Slider",
28633
+ "module": "src/slider/slider.ts"
28578
28634
  }
28579
28635
  },
28580
28636
  {
28581
- "name": "hide-mark",
28582
28637
  "type": {
28583
- "text": "boolean"
28638
+ "text": "number"
28584
28639
  },
28585
- "default": "false",
28586
- "description": "Hides the tick mark.",
28587
- "fieldName": "hideMark",
28640
+ "default": "0",
28641
+ "description": "The minimum allowed value.",
28642
+ "fieldName": "min",
28588
28643
  "inheritedFrom": {
28589
- "name": "SliderLabel",
28590
- "module": "src/slider-label/slider-label.ts"
28644
+ "name": "Slider",
28645
+ "module": "src/slider/slider.ts"
28591
28646
  }
28592
28647
  },
28593
28648
  {
28594
- "name": "disabled",
28649
+ "name": "orientation",
28595
28650
  "type": {
28596
- "text": "boolean"
28651
+ "text": "Orientation"
28597
28652
  },
28598
- "description": "The disabled state of the label. This is generally controlled by the parent @microsoft/fast-foundation#(Slider:class).",
28599
- "fieldName": "disabled",
28653
+ "description": "The orientation of the slider.",
28654
+ "fieldName": "orientation",
28600
28655
  "inheritedFrom": {
28601
- "name": "SliderLabel",
28602
- "module": "src/slider-label/slider-label.ts"
28656
+ "name": "Slider",
28657
+ "module": "src/slider/slider.ts"
28658
+ }
28659
+ },
28660
+ {
28661
+ "name": "mode",
28662
+ "type": {
28663
+ "text": "SliderMode"
28664
+ },
28665
+ "description": "The selection mode.",
28666
+ "fieldName": "mode",
28667
+ "inheritedFrom": {
28668
+ "name": "Slider",
28669
+ "module": "src/slider/slider.ts"
28603
28670
  }
28604
28671
  }
28605
28672
  ],
28606
28673
  "members": [
28607
28674
  {
28608
28675
  "kind": "field",
28609
- "name": "position",
28676
+ "name": "readOnly",
28610
28677
  "type": {
28611
- "text": "string"
28678
+ "text": "boolean"
28612
28679
  },
28613
28680
  "privacy": "public",
28614
- "description": "The position of the label relative to the min and max value of the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
28681
+ "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
28615
28682
  "inheritedFrom": {
28616
- "name": "SliderLabel",
28617
- "module": "src/slider-label/slider-label.ts"
28683
+ "name": "Slider",
28684
+ "module": "src/slider/slider.ts"
28618
28685
  }
28619
28686
  },
28620
28687
  {
28621
28688
  "kind": "method",
28622
- "name": "positionChanged",
28689
+ "name": "readOnlyChanged",
28623
28690
  "privacy": "private",
28624
28691
  "return": {
28625
28692
  "type": {
@@ -28627,478 +28694,349 @@
28627
28694
  }
28628
28695
  },
28629
28696
  "inheritedFrom": {
28630
- "name": "SliderLabel",
28631
- "module": "src/slider-label/slider-label.ts"
28697
+ "name": "Slider",
28698
+ "module": "src/slider/slider.ts"
28632
28699
  }
28633
28700
  },
28634
28701
  {
28635
28702
  "kind": "field",
28636
- "name": "hideMark",
28703
+ "name": "valueAsNumber",
28637
28704
  "type": {
28638
- "text": "boolean"
28705
+ "text": "number"
28639
28706
  },
28640
28707
  "privacy": "public",
28641
- "default": "false",
28642
- "description": "Hides the tick mark.",
28708
+ "description": "The value property, typed as a number.",
28643
28709
  "inheritedFrom": {
28644
- "name": "SliderLabel",
28645
- "module": "src/slider-label/slider-label.ts"
28710
+ "name": "Slider",
28711
+ "module": "src/slider/slider.ts"
28646
28712
  }
28647
28713
  },
28648
28714
  {
28649
28715
  "kind": "field",
28650
- "name": "disabled",
28716
+ "name": "valueTextFormatter",
28651
28717
  "type": {
28652
- "text": "boolean"
28718
+ "text": "(value: string) => string | null"
28653
28719
  },
28654
28720
  "privacy": "public",
28655
- "description": "The disabled state of the label. This is generally controlled by the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
28721
+ "description": "Custom function that generates a string for the component's \"aria-valuetext\" attribute based on the current value.",
28656
28722
  "inheritedFrom": {
28657
- "name": "SliderLabel",
28658
- "module": "src/slider-label/slider-label.ts"
28723
+ "name": "Slider",
28724
+ "module": "src/slider/slider.ts"
28659
28725
  }
28660
28726
  },
28661
28727
  {
28662
28728
  "kind": "field",
28663
- "name": "notifier",
28729
+ "name": "min",
28664
28730
  "type": {
28665
- "text": "Notifier"
28731
+ "text": "number"
28666
28732
  },
28667
- "privacy": "private",
28733
+ "privacy": "public",
28734
+ "default": "0",
28735
+ "description": "The minimum allowed value.",
28668
28736
  "inheritedFrom": {
28669
- "name": "SliderLabel",
28670
- "module": "src/slider-label/slider-label.ts"
28737
+ "name": "Slider",
28738
+ "module": "src/slider/slider.ts"
28671
28739
  }
28672
28740
  },
28673
28741
  {
28674
28742
  "kind": "method",
28675
- "name": "isSliderConfig",
28743
+ "name": "minChanged",
28676
28744
  "privacy": "private",
28677
28745
  "return": {
28678
28746
  "type": {
28679
- "text": "node is SliderConfiguration"
28747
+ "text": "void"
28680
28748
  }
28681
28749
  },
28682
- "parameters": [
28683
- {
28684
- "name": "node",
28685
- "type": {
28686
- "text": "any"
28687
- }
28688
- }
28689
- ],
28690
28750
  "inheritedFrom": {
28691
- "name": "SliderLabel",
28692
- "module": "src/slider-label/slider-label.ts"
28751
+ "name": "Slider",
28752
+ "module": "src/slider/slider.ts"
28693
28753
  }
28694
28754
  },
28695
28755
  {
28696
28756
  "kind": "field",
28697
- "name": "getSliderConfiguration",
28698
- "privacy": "private",
28757
+ "name": "max",
28758
+ "type": {
28759
+ "text": "number"
28760
+ },
28761
+ "privacy": "public",
28762
+ "default": "10",
28763
+ "description": "The maximum allowed value.",
28699
28764
  "inheritedFrom": {
28700
- "name": "SliderLabel",
28701
- "module": "src/slider-label/slider-label.ts"
28765
+ "name": "Slider",
28766
+ "module": "src/slider/slider.ts"
28702
28767
  }
28703
28768
  },
28704
28769
  {
28705
- "kind": "field",
28706
- "name": "positionAsStyle",
28770
+ "kind": "method",
28771
+ "name": "maxChanged",
28707
28772
  "privacy": "private",
28773
+ "return": {
28774
+ "type": {
28775
+ "text": "void"
28776
+ }
28777
+ },
28708
28778
  "inheritedFrom": {
28709
- "name": "SliderLabel",
28710
- "module": "src/slider-label/slider-label.ts"
28779
+ "name": "Slider",
28780
+ "module": "src/slider/slider.ts"
28711
28781
  }
28712
28782
  },
28713
28783
  {
28714
28784
  "kind": "field",
28715
- "name": "_presentation",
28785
+ "name": "step",
28716
28786
  "type": {
28717
- "text": "ComponentPresentation | null | undefined"
28787
+ "text": "number"
28718
28788
  },
28719
- "privacy": "private",
28720
- "default": "void 0",
28789
+ "privacy": "public",
28790
+ "default": "1",
28791
+ "description": "Value to increment or decrement via arrow keys, mouse click or drag.",
28721
28792
  "inheritedFrom": {
28722
- "name": "SliderLabel",
28723
- "module": "src/slider-label/slider-label.ts"
28793
+ "name": "Slider",
28794
+ "module": "src/slider/slider.ts"
28724
28795
  }
28725
28796
  },
28726
28797
  {
28727
- "kind": "field",
28728
- "name": "$presentation",
28729
- "type": {
28730
- "text": "ComponentPresentation | null"
28731
- },
28732
- "privacy": "public",
28733
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
28798
+ "kind": "method",
28799
+ "name": "stepChanged",
28800
+ "privacy": "private",
28801
+ "return": {
28802
+ "type": {
28803
+ "text": "void"
28804
+ }
28805
+ },
28734
28806
  "inheritedFrom": {
28735
- "name": "SliderLabel",
28736
- "module": "src/slider-label/slider-label.ts"
28807
+ "name": "Slider",
28808
+ "module": "src/slider/slider.ts"
28737
28809
  }
28738
28810
  },
28739
28811
  {
28740
28812
  "kind": "field",
28741
- "name": "template",
28813
+ "name": "orientation",
28742
28814
  "type": {
28743
- "text": "ElementViewTemplate | void | null"
28815
+ "text": "Orientation"
28744
28816
  },
28745
28817
  "privacy": "public",
28746
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
28818
+ "description": "The orientation of the slider.",
28747
28819
  "inheritedFrom": {
28748
- "name": "SliderLabel",
28749
- "module": "src/slider-label/slider-label.ts"
28820
+ "name": "Slider",
28821
+ "module": "src/slider/slider.ts"
28750
28822
  }
28751
28823
  },
28752
28824
  {
28753
28825
  "kind": "method",
28754
- "name": "templateChanged",
28755
- "privacy": "protected",
28826
+ "name": "orientationChanged",
28827
+ "privacy": "private",
28756
28828
  "return": {
28757
28829
  "type": {
28758
28830
  "text": "void"
28759
28831
  }
28760
28832
  },
28761
28833
  "inheritedFrom": {
28762
- "name": "SliderLabel",
28763
- "module": "src/slider-label/slider-label.ts"
28834
+ "name": "Slider",
28835
+ "module": "src/slider/slider.ts"
28764
28836
  }
28765
28837
  },
28766
28838
  {
28767
28839
  "kind": "field",
28768
- "name": "styles",
28840
+ "name": "mode",
28769
28841
  "type": {
28770
- "text": "ElementStyles | void | null"
28842
+ "text": "SliderMode"
28771
28843
  },
28772
28844
  "privacy": "public",
28773
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
28845
+ "description": "The selection mode.",
28774
28846
  "inheritedFrom": {
28775
- "name": "SliderLabel",
28776
- "module": "src/slider-label/slider-label.ts"
28847
+ "name": "Slider",
28848
+ "module": "src/slider/slider.ts"
28777
28849
  }
28778
28850
  },
28779
28851
  {
28780
28852
  "kind": "method",
28781
- "name": "stylesChanged",
28782
- "privacy": "protected",
28853
+ "name": "increment",
28854
+ "privacy": "public",
28783
28855
  "return": {
28784
28856
  "type": {
28785
28857
  "text": "void"
28786
28858
  }
28787
28859
  },
28860
+ "description": "Increment the value by the step",
28788
28861
  "inheritedFrom": {
28789
- "name": "SliderLabel",
28790
- "module": "src/slider-label/slider-label.ts"
28862
+ "name": "Slider",
28863
+ "module": "src/slider/slider.ts"
28791
28864
  }
28792
28865
  },
28793
28866
  {
28794
28867
  "kind": "method",
28795
- "name": "compose",
28868
+ "name": "decrement",
28796
28869
  "privacy": "public",
28797
- "static": true,
28798
28870
  "return": {
28799
28871
  "type": {
28800
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
28872
+ "text": "void"
28873
+ }
28874
+ },
28875
+ "description": "Decrement the value by the step",
28876
+ "inheritedFrom": {
28877
+ "name": "Slider",
28878
+ "module": "src/slider/slider.ts"
28879
+ }
28880
+ },
28881
+ {
28882
+ "kind": "field",
28883
+ "name": "keypressHandler",
28884
+ "privacy": "protected",
28885
+ "inheritedFrom": {
28886
+ "name": "Slider",
28887
+ "module": "src/slider/slider.ts"
28888
+ }
28889
+ },
28890
+ {
28891
+ "kind": "method",
28892
+ "name": "setThumbPositionForOrientation",
28893
+ "privacy": "public",
28894
+ "return": {
28895
+ "type": {
28896
+ "text": "void"
28801
28897
  }
28802
28898
  },
28803
28899
  "parameters": [
28804
28900
  {
28805
- "name": "this",
28806
- "type": {
28807
- "text": "K"
28808
- }
28809
- },
28810
- {
28811
- "name": "elementDefinition",
28901
+ "name": "direction",
28812
28902
  "type": {
28813
- "text": "T"
28903
+ "text": "Direction"
28814
28904
  },
28815
- "description": "The definition of the element to create the registry\nfunction for."
28905
+ "description": "writing mode"
28816
28906
  }
28817
28907
  ],
28818
- "description": "Defines an element registry function with a set of element definition defaults.",
28908
+ "description": "Places the thumb based on the current value",
28819
28909
  "inheritedFrom": {
28820
- "name": "SliderLabel",
28821
- "module": "src/slider-label/slider-label.ts"
28910
+ "name": "Slider",
28911
+ "module": "src/slider/slider.ts"
28822
28912
  }
28823
- }
28824
- ]
28825
- },
28826
- {
28827
- "kind": "variable",
28828
- "name": "zeroSliderLabel"
28829
- }
28830
- ],
28831
- "exports": [
28832
- {
28833
- "kind": "js",
28834
- "name": "SliderLabel",
28835
- "declaration": {
28836
- "name": "SliderLabel",
28837
- "module": "src/slider-label/slider-label.ts"
28838
- }
28839
- },
28840
- {
28841
- "kind": "js",
28842
- "name": "zeroSliderLabel",
28843
- "declaration": {
28844
- "name": "zeroSliderLabel",
28845
- "module": "src/slider-label/slider-label.ts"
28846
- }
28847
- }
28848
- ]
28849
- },
28850
- {
28851
- "kind": "javascript-module",
28852
- "path": "src/slider/index.ts",
28853
- "declarations": [],
28854
- "exports": [
28855
- {
28856
- "kind": "js",
28857
- "name": "*",
28858
- "declaration": {
28859
- "name": "*",
28860
- "package": "./slider"
28861
- }
28862
- },
28863
- {
28864
- "kind": "js",
28865
- "name": "*",
28866
- "declaration": {
28867
- "name": "*",
28868
- "package": "./slider.styles"
28869
- }
28870
- },
28871
- {
28872
- "kind": "js",
28873
- "name": "*",
28874
- "declaration": {
28875
- "name": "*",
28876
- "package": "./slider.template"
28877
- }
28878
- }
28879
- ]
28880
- },
28881
- {
28882
- "kind": "javascript-module",
28883
- "path": "src/slider/slider.stories.ts",
28884
- "declarations": [
28885
- {
28886
- "kind": "variable",
28887
- "name": "meta",
28888
- "type": {
28889
- "text": "Meta"
28890
- },
28891
- "default": "{\n title: 'Slider',\n component: 'zero-slider',\n}"
28892
- },
28893
- {
28894
- "kind": "variable",
28895
- "name": "Primary",
28896
- "type": {
28897
- "text": "StoryObj"
28898
- },
28899
- "default": "{\n render: () => html`\n <div style=\"min-height: 300px; width: 100%;\">\n <h6>Vertical</h6>\n <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\" orientation=\"vertical\"></zero-slider>\n <h6>Horizontal</h6>\n <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\"></zero-slider>\n </div>\n `,\n}"
28900
- },
28901
- {
28902
- "kind": "variable",
28903
- "name": "WithLabels",
28904
- "type": {
28905
- "text": "StoryObj"
28906
- },
28907
- "default": "{\n render: () => html`\n <div style=\"min-height: 300px; width: 100%; margin: 20px;\">\n <zero-slider min=\"0\" max=\"100\" step=\"10\" value=\"70\">\n <zero-slider-label position=\"0\">0%</zero-slider-label>\n <zero-slider-label position=\"10\">10%</zero-slider-label>\n <zero-slider-label position=\"90\">90%</zero-slider-label>\n <zero-slider-label position=\"100\">100%</zero-slider-label>\n </zero-slider>\n </div>\n `,\n}"
28908
- }
28909
- ],
28910
- "exports": [
28911
- {
28912
- "kind": "js",
28913
- "name": "default",
28914
- "declaration": {
28915
- "name": "meta",
28916
- "module": "src/slider/slider.stories.ts"
28917
- }
28918
- },
28919
- {
28920
- "kind": "js",
28921
- "name": "Primary",
28922
- "declaration": {
28923
- "name": "Primary",
28924
- "module": "src/slider/slider.stories.ts"
28925
- }
28926
- },
28927
- {
28928
- "kind": "js",
28929
- "name": "WithLabels",
28930
- "declaration": {
28931
- "name": "WithLabels",
28932
- "module": "src/slider/slider.stories.ts"
28933
- }
28934
- }
28935
- ]
28936
- },
28937
- {
28938
- "kind": "javascript-module",
28939
- "path": "src/slider/slider.styles.ts",
28940
- "declarations": [
28941
- {
28942
- "kind": "function",
28943
- "name": "zeroSliderStyles",
28944
- "return": {
28945
- "type": {
28946
- "text": "ElementStyles"
28947
- }
28948
- },
28949
- "parameters": [
28913
+ },
28950
28914
  {
28951
- "name": "context",
28952
- "type": {
28953
- "text": "ElementDefinitionContext"
28915
+ "kind": "method",
28916
+ "name": "updateStepMultiplier",
28917
+ "privacy": "private",
28918
+ "return": {
28919
+ "type": {
28920
+ "text": "void"
28921
+ }
28922
+ },
28923
+ "description": "Update the step multiplier used to ensure rounding errors from steps that\nare not whole numbers",
28924
+ "inheritedFrom": {
28925
+ "name": "Slider",
28926
+ "module": "src/slider/slider.ts"
28954
28927
  }
28955
28928
  },
28956
28929
  {
28957
- "name": "definition",
28958
- "type": {
28959
- "text": "SliderOptions"
28930
+ "kind": "field",
28931
+ "name": "setupTrackConstraints",
28932
+ "privacy": "private",
28933
+ "inheritedFrom": {
28934
+ "name": "Slider",
28935
+ "module": "src/slider/slider.ts"
28960
28936
  }
28961
- }
28962
- ]
28963
- }
28964
- ],
28965
- "exports": [
28966
- {
28967
- "kind": "js",
28968
- "name": "zeroSliderStyles",
28969
- "declaration": {
28970
- "name": "zeroSliderStyles",
28971
- "module": "src/slider/slider.styles.ts"
28972
- }
28973
- }
28974
- ]
28975
- },
28976
- {
28977
- "kind": "javascript-module",
28978
- "path": "src/slider/slider.template.ts",
28979
- "declarations": [
28980
- {
28981
- "kind": "function",
28982
- "name": "zeroSliderTemplate",
28983
- "return": {
28984
- "type": {
28985
- "text": "ViewTemplate<Slider>"
28986
- }
28987
- },
28988
- "parameters": [
28937
+ },
28989
28938
  {
28990
- "name": "context",
28991
- "type": {
28992
- "text": "ElementDefinitionContext"
28939
+ "kind": "field",
28940
+ "name": "setupListeners",
28941
+ "privacy": "private",
28942
+ "inheritedFrom": {
28943
+ "name": "Slider",
28944
+ "module": "src/slider/slider.ts"
28993
28945
  }
28994
28946
  },
28995
28947
  {
28996
- "name": "definition",
28948
+ "kind": "field",
28949
+ "name": "midpoint",
28997
28950
  "type": {
28998
- "text": "SliderOptions"
28951
+ "text": "string"
28952
+ },
28953
+ "privacy": "private",
28954
+ "inheritedFrom": {
28955
+ "name": "Slider",
28956
+ "module": "src/slider/slider.ts"
28999
28957
  }
29000
- }
29001
- ]
29002
- }
29003
- ],
29004
- "exports": [
29005
- {
29006
- "kind": "js",
29007
- "name": "zeroSliderTemplate",
29008
- "declaration": {
29009
- "name": "zeroSliderTemplate",
29010
- "module": "src/slider/slider.template.ts"
29011
- }
29012
- }
29013
- ]
29014
- },
29015
- {
29016
- "kind": "javascript-module",
29017
- "path": "src/slider/slider.ts",
29018
- "declarations": [
29019
- {
29020
- "kind": "class",
29021
- "description": "",
29022
- "name": "Slider",
29023
- "superclass": {
29024
- "name": "FoundationSlider",
29025
- "package": "@genesislcap/foundation-ui"
29026
- },
29027
- "tagName": "%%prefix%%-slider",
29028
- "customElement": true,
29029
- "attributes": [
28958
+ },
29030
28959
  {
29031
- "name": "readonly",
29032
- "type": {
29033
- "text": "boolean"
28960
+ "kind": "method",
28961
+ "name": "setupDefaultValue",
28962
+ "privacy": "private",
28963
+ "return": {
28964
+ "type": {
28965
+ "text": "void"
28966
+ }
29034
28967
  },
29035
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
29036
- "fieldName": "readOnly",
29037
28968
  "inheritedFrom": {
29038
28969
  "name": "Slider",
29039
28970
  "module": "src/slider/slider.ts"
29040
28971
  }
29041
28972
  },
29042
28973
  {
29043
- "type": {
29044
- "text": "number"
29045
- },
29046
- "default": "0",
29047
- "description": "The minimum allowed value.",
29048
- "fieldName": "min",
28974
+ "kind": "field",
28975
+ "name": "handleThumbMouseDown",
28976
+ "privacy": "private",
28977
+ "description": "Handle mouse moves during a thumb drag operation\nIf the event handler is null it removes the events",
29049
28978
  "inheritedFrom": {
29050
28979
  "name": "Slider",
29051
28980
  "module": "src/slider/slider.ts"
29052
28981
  }
29053
28982
  },
29054
28983
  {
29055
- "name": "orientation",
29056
- "type": {
29057
- "text": "Orientation"
29058
- },
29059
- "description": "The orientation of the slider.",
29060
- "fieldName": "orientation",
28984
+ "kind": "field",
28985
+ "name": "handleMouseMove",
28986
+ "privacy": "private",
28987
+ "description": "Handle mouse moves during a thumb drag operation",
29061
28988
  "inheritedFrom": {
29062
28989
  "name": "Slider",
29063
28990
  "module": "src/slider/slider.ts"
29064
28991
  }
29065
28992
  },
29066
28993
  {
29067
- "name": "mode",
29068
- "type": {
29069
- "text": "SliderMode"
29070
- },
29071
- "description": "The selection mode.",
29072
- "fieldName": "mode",
28994
+ "kind": "field",
28995
+ "name": "calculateNewValue",
28996
+ "privacy": "private",
29073
28997
  "inheritedFrom": {
29074
28998
  "name": "Slider",
29075
28999
  "module": "src/slider/slider.ts"
29076
29000
  }
29077
- }
29078
- ],
29079
- "members": [
29001
+ },
29080
29002
  {
29081
29003
  "kind": "field",
29082
- "name": "readOnly",
29083
- "type": {
29084
- "text": "boolean"
29085
- },
29086
- "privacy": "public",
29087
- "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
29004
+ "name": "handleWindowMouseUp",
29005
+ "privacy": "private",
29006
+ "description": "Handle a window mouse up during a drag operation",
29088
29007
  "inheritedFrom": {
29089
29008
  "name": "Slider",
29090
29009
  "module": "src/slider/slider.ts"
29091
29010
  }
29092
29011
  },
29093
29012
  {
29094
- "kind": "method",
29095
- "name": "readOnlyChanged",
29013
+ "kind": "field",
29014
+ "name": "stopDragging",
29096
29015
  "privacy": "private",
29097
- "return": {
29098
- "type": {
29099
- "text": "void"
29016
+ "inheritedFrom": {
29017
+ "name": "Slider",
29018
+ "module": "src/slider/slider.ts"
29019
+ }
29020
+ },
29021
+ {
29022
+ "kind": "field",
29023
+ "name": "handleMouseDown",
29024
+ "privacy": "private",
29025
+ "parameters": [
29026
+ {
29027
+ "description": "MouseEvent or null. If there is no event handler it will remove the events",
29028
+ "name": "e"
29100
29029
  }
29101
- },
29030
+ ],
29031
+ "inheritedFrom": {
29032
+ "name": "Slider",
29033
+ "module": "src/slider/slider.ts"
29034
+ }
29035
+ },
29036
+ {
29037
+ "kind": "field",
29038
+ "name": "convertToConstrainedValue",
29039
+ "privacy": "private",
29102
29040
  "inheritedFrom": {
29103
29041
  "name": "Slider",
29104
29042
  "module": "src/slider/slider.ts"
@@ -29106,12 +29044,7 @@
29106
29044
  },
29107
29045
  {
29108
29046
  "kind": "field",
29109
- "name": "valueAsNumber",
29110
- "type": {
29111
- "text": "number"
29112
- },
29113
- "privacy": "public",
29114
- "description": "The value property, typed as a number.",
29047
+ "name": "proxy",
29115
29048
  "inheritedFrom": {
29116
29049
  "name": "Slider",
29117
29050
  "module": "src/slider/slider.ts"
@@ -29119,12 +29052,12 @@
29119
29052
  },
29120
29053
  {
29121
29054
  "kind": "field",
29122
- "name": "valueTextFormatter",
29055
+ "name": "_presentation",
29123
29056
  "type": {
29124
- "text": "(value: string) => string | null"
29057
+ "text": "ComponentPresentation | null | undefined"
29125
29058
  },
29126
- "privacy": "public",
29127
- "description": "Custom function that generates a string for the component's \"aria-valuetext\" attribute based on the current value.",
29059
+ "privacy": "private",
29060
+ "default": "void 0",
29128
29061
  "inheritedFrom": {
29129
29062
  "name": "Slider",
29130
29063
  "module": "src/slider/slider.ts"
@@ -29132,27 +29065,12 @@
29132
29065
  },
29133
29066
  {
29134
29067
  "kind": "field",
29135
- "name": "min",
29068
+ "name": "$presentation",
29136
29069
  "type": {
29137
- "text": "number"
29070
+ "text": "ComponentPresentation | null"
29138
29071
  },
29139
29072
  "privacy": "public",
29140
- "default": "0",
29141
- "description": "The minimum allowed value.",
29142
- "inheritedFrom": {
29143
- "name": "Slider",
29144
- "module": "src/slider/slider.ts"
29145
- }
29146
- },
29147
- {
29148
- "kind": "method",
29149
- "name": "minChanged",
29150
- "privacy": "private",
29151
- "return": {
29152
- "type": {
29153
- "text": "void"
29154
- }
29155
- },
29073
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
29156
29074
  "inheritedFrom": {
29157
29075
  "name": "Slider",
29158
29076
  "module": "src/slider/slider.ts"
@@ -29160,13 +29078,12 @@
29160
29078
  },
29161
29079
  {
29162
29080
  "kind": "field",
29163
- "name": "max",
29081
+ "name": "template",
29164
29082
  "type": {
29165
- "text": "number"
29083
+ "text": "ElementViewTemplate | void | null"
29166
29084
  },
29167
29085
  "privacy": "public",
29168
- "default": "10",
29169
- "description": "The maximum allowed value.",
29086
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
29170
29087
  "inheritedFrom": {
29171
29088
  "name": "Slider",
29172
29089
  "module": "src/slider/slider.ts"
@@ -29174,8 +29091,8 @@
29174
29091
  },
29175
29092
  {
29176
29093
  "kind": "method",
29177
- "name": "maxChanged",
29178
- "privacy": "private",
29094
+ "name": "templateChanged",
29095
+ "privacy": "protected",
29179
29096
  "return": {
29180
29097
  "type": {
29181
29098
  "text": "void"
@@ -29188,13 +29105,12 @@
29188
29105
  },
29189
29106
  {
29190
29107
  "kind": "field",
29191
- "name": "step",
29108
+ "name": "styles",
29192
29109
  "type": {
29193
- "text": "number"
29110
+ "text": "ElementStyles | void | null"
29194
29111
  },
29195
29112
  "privacy": "public",
29196
- "default": "1",
29197
- "description": "Value to increment or decrement via arrow keys, mouse click or drag.",
29113
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
29198
29114
  "inheritedFrom": {
29199
29115
  "name": "Slider",
29200
29116
  "module": "src/slider/slider.ts"
@@ -29202,8 +29118,8 @@
29202
29118
  },
29203
29119
  {
29204
29120
  "kind": "method",
29205
- "name": "stepChanged",
29206
- "privacy": "private",
29121
+ "name": "stylesChanged",
29122
+ "privacy": "protected",
29207
29123
  "return": {
29208
29124
  "type": {
29209
29125
  "text": "void"
@@ -29214,246 +29130,340 @@
29214
29130
  "module": "src/slider/slider.ts"
29215
29131
  }
29216
29132
  },
29217
- {
29218
- "kind": "field",
29219
- "name": "orientation",
29220
- "type": {
29221
- "text": "Orientation"
29222
- },
29223
- "privacy": "public",
29224
- "description": "The orientation of the slider.",
29225
- "inheritedFrom": {
29226
- "name": "Slider",
29227
- "module": "src/slider/slider.ts"
29228
- }
29229
- },
29230
29133
  {
29231
29134
  "kind": "method",
29232
- "name": "orientationChanged",
29233
- "privacy": "private",
29135
+ "name": "compose",
29136
+ "privacy": "public",
29137
+ "static": true,
29234
29138
  "return": {
29235
29139
  "type": {
29236
- "text": "void"
29140
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
29237
29141
  }
29238
29142
  },
29143
+ "parameters": [
29144
+ {
29145
+ "name": "this",
29146
+ "type": {
29147
+ "text": "K"
29148
+ }
29149
+ },
29150
+ {
29151
+ "name": "elementDefinition",
29152
+ "type": {
29153
+ "text": "T"
29154
+ },
29155
+ "description": "The definition of the element to create the registry\nfunction for."
29156
+ }
29157
+ ],
29158
+ "description": "Defines an element registry function with a set of element definition defaults.",
29239
29159
  "inheritedFrom": {
29240
29160
  "name": "Slider",
29241
29161
  "module": "src/slider/slider.ts"
29242
29162
  }
29243
- },
29163
+ }
29164
+ ],
29165
+ "events": [
29244
29166
  {
29245
- "kind": "field",
29246
- "name": "mode",
29247
- "type": {
29248
- "text": "SliderMode"
29249
- },
29250
- "privacy": "public",
29251
- "description": "The selection mode.",
29167
+ "description": "Fires a custom 'change' event when the slider value changes",
29168
+ "name": "change",
29252
29169
  "inheritedFrom": {
29253
29170
  "name": "Slider",
29254
29171
  "module": "src/slider/slider.ts"
29255
29172
  }
29173
+ }
29174
+ ]
29175
+ },
29176
+ {
29177
+ "kind": "variable",
29178
+ "name": "zeroSlider"
29179
+ }
29180
+ ],
29181
+ "exports": [
29182
+ {
29183
+ "kind": "js",
29184
+ "name": "Slider",
29185
+ "declaration": {
29186
+ "name": "Slider",
29187
+ "module": "src/slider/slider.ts"
29188
+ }
29189
+ },
29190
+ {
29191
+ "kind": "js",
29192
+ "name": "zeroSlider",
29193
+ "declaration": {
29194
+ "name": "zeroSlider",
29195
+ "module": "src/slider/slider.ts"
29196
+ }
29197
+ }
29198
+ ]
29199
+ },
29200
+ {
29201
+ "kind": "javascript-module",
29202
+ "path": "src/slider-label/index.ts",
29203
+ "declarations": [],
29204
+ "exports": [
29205
+ {
29206
+ "kind": "js",
29207
+ "name": "*",
29208
+ "declaration": {
29209
+ "name": "*",
29210
+ "package": "./slider-label"
29211
+ }
29212
+ },
29213
+ {
29214
+ "kind": "js",
29215
+ "name": "*",
29216
+ "declaration": {
29217
+ "name": "*",
29218
+ "package": "./slider-label.styles"
29219
+ }
29220
+ },
29221
+ {
29222
+ "kind": "js",
29223
+ "name": "*",
29224
+ "declaration": {
29225
+ "name": "*",
29226
+ "package": "./slider-label.template"
29227
+ }
29228
+ }
29229
+ ]
29230
+ },
29231
+ {
29232
+ "kind": "javascript-module",
29233
+ "path": "src/slider-label/slider-label.styles.ts",
29234
+ "declarations": [
29235
+ {
29236
+ "kind": "function",
29237
+ "name": "zeroSliderLabelStyles",
29238
+ "return": {
29239
+ "type": {
29240
+ "text": "ElementStyles"
29241
+ }
29242
+ },
29243
+ "parameters": [
29244
+ {
29245
+ "name": "context",
29246
+ "type": {
29247
+ "text": "ElementDefinitionContext"
29248
+ }
29249
+ },
29250
+ {
29251
+ "name": "definition",
29252
+ "type": {
29253
+ "text": "FoundationElementDefinition"
29254
+ }
29255
+ }
29256
+ ]
29257
+ }
29258
+ ],
29259
+ "exports": [
29260
+ {
29261
+ "kind": "js",
29262
+ "name": "zeroSliderLabelStyles",
29263
+ "declaration": {
29264
+ "name": "zeroSliderLabelStyles",
29265
+ "module": "src/slider-label/slider-label.styles.ts"
29266
+ }
29267
+ }
29268
+ ]
29269
+ },
29270
+ {
29271
+ "kind": "javascript-module",
29272
+ "path": "src/slider-label/slider-label.template.ts",
29273
+ "declarations": [
29274
+ {
29275
+ "kind": "function",
29276
+ "name": "zeroSliderLabelTemplate",
29277
+ "return": {
29278
+ "type": {
29279
+ "text": "ViewTemplate<SliderLabel>"
29280
+ }
29281
+ },
29282
+ "parameters": [
29283
+ {
29284
+ "name": "context",
29285
+ "type": {
29286
+ "text": "ElementDefinitionContext"
29287
+ }
29256
29288
  },
29257
29289
  {
29258
- "kind": "method",
29259
- "name": "increment",
29260
- "privacy": "public",
29261
- "return": {
29262
- "type": {
29263
- "text": "void"
29264
- }
29290
+ "name": "definition",
29291
+ "type": {
29292
+ "text": "FoundationElementDefinition"
29293
+ }
29294
+ }
29295
+ ]
29296
+ }
29297
+ ],
29298
+ "exports": [
29299
+ {
29300
+ "kind": "js",
29301
+ "name": "zeroSliderLabelTemplate",
29302
+ "declaration": {
29303
+ "name": "zeroSliderLabelTemplate",
29304
+ "module": "src/slider-label/slider-label.template.ts"
29305
+ }
29306
+ }
29307
+ ]
29308
+ },
29309
+ {
29310
+ "kind": "javascript-module",
29311
+ "path": "src/slider-label/slider-label.ts",
29312
+ "declarations": [
29313
+ {
29314
+ "kind": "class",
29315
+ "description": "",
29316
+ "name": "SliderLabel",
29317
+ "superclass": {
29318
+ "name": "FoundationSliderLabel",
29319
+ "package": "@genesislcap/foundation-ui"
29320
+ },
29321
+ "tagName": "%%prefix%%-slider-label",
29322
+ "customElement": true,
29323
+ "attributes": [
29324
+ {
29325
+ "name": "position",
29326
+ "type": {
29327
+ "text": "string"
29265
29328
  },
29266
- "description": "Increment the value by the step",
29329
+ "description": "The position of the label relative to the min and max value of the parent @microsoft/fast-foundation#(Slider:class).",
29330
+ "fieldName": "position",
29267
29331
  "inheritedFrom": {
29268
- "name": "Slider",
29269
- "module": "src/slider/slider.ts"
29332
+ "name": "SliderLabel",
29333
+ "module": "src/slider-label/slider-label.ts"
29270
29334
  }
29271
29335
  },
29272
29336
  {
29273
- "kind": "method",
29274
- "name": "decrement",
29275
- "privacy": "public",
29276
- "return": {
29277
- "type": {
29278
- "text": "void"
29279
- }
29337
+ "name": "hide-mark",
29338
+ "type": {
29339
+ "text": "boolean"
29280
29340
  },
29281
- "description": "Decrement the value by the step",
29341
+ "default": "false",
29342
+ "description": "Hides the tick mark.",
29343
+ "fieldName": "hideMark",
29282
29344
  "inheritedFrom": {
29283
- "name": "Slider",
29284
- "module": "src/slider/slider.ts"
29345
+ "name": "SliderLabel",
29346
+ "module": "src/slider-label/slider-label.ts"
29285
29347
  }
29286
29348
  },
29287
29349
  {
29288
- "kind": "field",
29289
- "name": "keypressHandler",
29290
- "privacy": "protected",
29350
+ "name": "disabled",
29351
+ "type": {
29352
+ "text": "boolean"
29353
+ },
29354
+ "description": "The disabled state of the label. This is generally controlled by the parent @microsoft/fast-foundation#(Slider:class).",
29355
+ "fieldName": "disabled",
29291
29356
  "inheritedFrom": {
29292
- "name": "Slider",
29293
- "module": "src/slider/slider.ts"
29357
+ "name": "SliderLabel",
29358
+ "module": "src/slider-label/slider-label.ts"
29294
29359
  }
29295
- },
29360
+ }
29361
+ ],
29362
+ "members": [
29296
29363
  {
29297
- "kind": "method",
29298
- "name": "setThumbPositionForOrientation",
29299
- "privacy": "public",
29300
- "return": {
29301
- "type": {
29302
- "text": "void"
29303
- }
29364
+ "kind": "field",
29365
+ "name": "position",
29366
+ "type": {
29367
+ "text": "string"
29304
29368
  },
29305
- "parameters": [
29306
- {
29307
- "name": "direction",
29308
- "type": {
29309
- "text": "Direction"
29310
- },
29311
- "description": "writing mode"
29312
- }
29313
- ],
29314
- "description": "Places the thumb based on the current value",
29369
+ "privacy": "public",
29370
+ "description": "The position of the label relative to the min and max value of the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
29315
29371
  "inheritedFrom": {
29316
- "name": "Slider",
29317
- "module": "src/slider/slider.ts"
29372
+ "name": "SliderLabel",
29373
+ "module": "src/slider-label/slider-label.ts"
29318
29374
  }
29319
29375
  },
29320
29376
  {
29321
29377
  "kind": "method",
29322
- "name": "updateStepMultiplier",
29378
+ "name": "positionChanged",
29323
29379
  "privacy": "private",
29324
29380
  "return": {
29325
29381
  "type": {
29326
29382
  "text": "void"
29327
29383
  }
29328
29384
  },
29329
- "description": "Update the step multiplier used to ensure rounding errors from steps that\nare not whole numbers",
29330
29385
  "inheritedFrom": {
29331
- "name": "Slider",
29332
- "module": "src/slider/slider.ts"
29386
+ "name": "SliderLabel",
29387
+ "module": "src/slider-label/slider-label.ts"
29333
29388
  }
29334
29389
  },
29335
29390
  {
29336
29391
  "kind": "field",
29337
- "name": "setupTrackConstraints",
29338
- "privacy": "private",
29392
+ "name": "hideMark",
29393
+ "type": {
29394
+ "text": "boolean"
29395
+ },
29396
+ "privacy": "public",
29397
+ "default": "false",
29398
+ "description": "Hides the tick mark.",
29339
29399
  "inheritedFrom": {
29340
- "name": "Slider",
29341
- "module": "src/slider/slider.ts"
29400
+ "name": "SliderLabel",
29401
+ "module": "src/slider-label/slider-label.ts"
29342
29402
  }
29343
29403
  },
29344
29404
  {
29345
29405
  "kind": "field",
29346
- "name": "setupListeners",
29347
- "privacy": "private",
29406
+ "name": "disabled",
29407
+ "type": {
29408
+ "text": "boolean"
29409
+ },
29410
+ "privacy": "public",
29411
+ "description": "The disabled state of the label. This is generally controlled by the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
29348
29412
  "inheritedFrom": {
29349
- "name": "Slider",
29350
- "module": "src/slider/slider.ts"
29413
+ "name": "SliderLabel",
29414
+ "module": "src/slider-label/slider-label.ts"
29351
29415
  }
29352
29416
  },
29353
29417
  {
29354
29418
  "kind": "field",
29355
- "name": "midpoint",
29419
+ "name": "notifier",
29356
29420
  "type": {
29357
- "text": "string"
29421
+ "text": "Notifier"
29358
29422
  },
29359
29423
  "privacy": "private",
29360
29424
  "inheritedFrom": {
29361
- "name": "Slider",
29362
- "module": "src/slider/slider.ts"
29425
+ "name": "SliderLabel",
29426
+ "module": "src/slider-label/slider-label.ts"
29363
29427
  }
29364
29428
  },
29365
29429
  {
29366
29430
  "kind": "method",
29367
- "name": "setupDefaultValue",
29431
+ "name": "isSliderConfig",
29368
29432
  "privacy": "private",
29369
29433
  "return": {
29370
29434
  "type": {
29371
- "text": "void"
29435
+ "text": "node is SliderConfiguration"
29372
29436
  }
29373
29437
  },
29374
- "inheritedFrom": {
29375
- "name": "Slider",
29376
- "module": "src/slider/slider.ts"
29377
- }
29378
- },
29379
- {
29380
- "kind": "field",
29381
- "name": "handleThumbMouseDown",
29382
- "privacy": "private",
29383
- "description": "Handle mouse moves during a thumb drag operation\nIf the event handler is null it removes the events",
29384
- "inheritedFrom": {
29385
- "name": "Slider",
29386
- "module": "src/slider/slider.ts"
29387
- }
29388
- },
29389
- {
29390
- "kind": "field",
29391
- "name": "handleMouseMove",
29392
- "privacy": "private",
29393
- "description": "Handle mouse moves during a thumb drag operation",
29394
- "inheritedFrom": {
29395
- "name": "Slider",
29396
- "module": "src/slider/slider.ts"
29397
- }
29398
- },
29399
- {
29400
- "kind": "field",
29401
- "name": "calculateNewValue",
29402
- "privacy": "private",
29403
- "inheritedFrom": {
29404
- "name": "Slider",
29405
- "module": "src/slider/slider.ts"
29406
- }
29407
- },
29408
- {
29409
- "kind": "field",
29410
- "name": "handleWindowMouseUp",
29411
- "privacy": "private",
29412
- "description": "Handle a window mouse up during a drag operation",
29413
- "inheritedFrom": {
29414
- "name": "Slider",
29415
- "module": "src/slider/slider.ts"
29416
- }
29417
- },
29418
- {
29419
- "kind": "field",
29420
- "name": "stopDragging",
29421
- "privacy": "private",
29422
- "inheritedFrom": {
29423
- "name": "Slider",
29424
- "module": "src/slider/slider.ts"
29425
- }
29426
- },
29427
- {
29428
- "kind": "field",
29429
- "name": "handleMouseDown",
29430
- "privacy": "private",
29431
29438
  "parameters": [
29432
29439
  {
29433
- "description": "MouseEvent or null. If there is no event handler it will remove the events",
29434
- "name": "e"
29440
+ "name": "node",
29441
+ "type": {
29442
+ "text": "any"
29443
+ }
29435
29444
  }
29436
29445
  ],
29437
29446
  "inheritedFrom": {
29438
- "name": "Slider",
29439
- "module": "src/slider/slider.ts"
29447
+ "name": "SliderLabel",
29448
+ "module": "src/slider-label/slider-label.ts"
29440
29449
  }
29441
29450
  },
29442
29451
  {
29443
29452
  "kind": "field",
29444
- "name": "convertToConstrainedValue",
29453
+ "name": "getSliderConfiguration",
29445
29454
  "privacy": "private",
29446
29455
  "inheritedFrom": {
29447
- "name": "Slider",
29448
- "module": "src/slider/slider.ts"
29456
+ "name": "SliderLabel",
29457
+ "module": "src/slider-label/slider-label.ts"
29449
29458
  }
29450
29459
  },
29451
29460
  {
29452
29461
  "kind": "field",
29453
- "name": "proxy",
29462
+ "name": "positionAsStyle",
29463
+ "privacy": "private",
29454
29464
  "inheritedFrom": {
29455
- "name": "Slider",
29456
- "module": "src/slider/slider.ts"
29465
+ "name": "SliderLabel",
29466
+ "module": "src/slider-label/slider-label.ts"
29457
29467
  }
29458
29468
  },
29459
29469
  {
@@ -29465,8 +29475,8 @@
29465
29475
  "privacy": "private",
29466
29476
  "default": "void 0",
29467
29477
  "inheritedFrom": {
29468
- "name": "Slider",
29469
- "module": "src/slider/slider.ts"
29478
+ "name": "SliderLabel",
29479
+ "module": "src/slider-label/slider-label.ts"
29470
29480
  }
29471
29481
  },
29472
29482
  {
@@ -29478,8 +29488,8 @@
29478
29488
  "privacy": "public",
29479
29489
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
29480
29490
  "inheritedFrom": {
29481
- "name": "Slider",
29482
- "module": "src/slider/slider.ts"
29491
+ "name": "SliderLabel",
29492
+ "module": "src/slider-label/slider-label.ts"
29483
29493
  }
29484
29494
  },
29485
29495
  {
@@ -29491,8 +29501,8 @@
29491
29501
  "privacy": "public",
29492
29502
  "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
29493
29503
  "inheritedFrom": {
29494
- "name": "Slider",
29495
- "module": "src/slider/slider.ts"
29504
+ "name": "SliderLabel",
29505
+ "module": "src/slider-label/slider-label.ts"
29496
29506
  }
29497
29507
  },
29498
29508
  {
@@ -29505,8 +29515,8 @@
29505
29515
  }
29506
29516
  },
29507
29517
  "inheritedFrom": {
29508
- "name": "Slider",
29509
- "module": "src/slider/slider.ts"
29518
+ "name": "SliderLabel",
29519
+ "module": "src/slider-label/slider-label.ts"
29510
29520
  }
29511
29521
  },
29512
29522
  {
@@ -29518,8 +29528,8 @@
29518
29528
  "privacy": "public",
29519
29529
  "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
29520
29530
  "inheritedFrom": {
29521
- "name": "Slider",
29522
- "module": "src/slider/slider.ts"
29531
+ "name": "SliderLabel",
29532
+ "module": "src/slider-label/slider-label.ts"
29523
29533
  }
29524
29534
  },
29525
29535
  {
@@ -29532,8 +29542,8 @@
29532
29542
  }
29533
29543
  },
29534
29544
  "inheritedFrom": {
29535
- "name": "Slider",
29536
- "module": "src/slider/slider.ts"
29545
+ "name": "SliderLabel",
29546
+ "module": "src/slider-label/slider-label.ts"
29537
29547
  }
29538
29548
  },
29539
29549
  {
@@ -29563,42 +29573,32 @@
29563
29573
  ],
29564
29574
  "description": "Defines an element registry function with a set of element definition defaults.",
29565
29575
  "inheritedFrom": {
29566
- "name": "Slider",
29567
- "module": "src/slider/slider.ts"
29568
- }
29569
- }
29570
- ],
29571
- "events": [
29572
- {
29573
- "description": "Fires a custom 'change' event when the slider value changes",
29574
- "name": "change",
29575
- "inheritedFrom": {
29576
- "name": "Slider",
29577
- "module": "src/slider/slider.ts"
29576
+ "name": "SliderLabel",
29577
+ "module": "src/slider-label/slider-label.ts"
29578
29578
  }
29579
29579
  }
29580
29580
  ]
29581
29581
  },
29582
29582
  {
29583
29583
  "kind": "variable",
29584
- "name": "zeroSlider"
29584
+ "name": "zeroSliderLabel"
29585
29585
  }
29586
29586
  ],
29587
29587
  "exports": [
29588
29588
  {
29589
29589
  "kind": "js",
29590
- "name": "Slider",
29590
+ "name": "SliderLabel",
29591
29591
  "declaration": {
29592
- "name": "Slider",
29593
- "module": "src/slider/slider.ts"
29592
+ "name": "SliderLabel",
29593
+ "module": "src/slider-label/slider-label.ts"
29594
29594
  }
29595
29595
  },
29596
29596
  {
29597
29597
  "kind": "js",
29598
- "name": "zeroSlider",
29598
+ "name": "zeroSliderLabel",
29599
29599
  "declaration": {
29600
- "name": "zeroSlider",
29601
- "module": "src/slider/slider.ts"
29600
+ "name": "zeroSliderLabel",
29601
+ "module": "src/slider-label/slider-label.ts"
29602
29602
  }
29603
29603
  }
29604
29604
  ]