@aurodesignsystem-dev/auro-backtotop 0.0.0-pr67.0 → 0.0.0-pr67.1
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/demo/api.md
CHANGED
|
@@ -150,6 +150,34 @@ The default slot defines the content of the button.
|
|
|
150
150
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
151
151
|
</auro-accordion>
|
|
152
152
|
|
|
153
|
+
#### ariaLabel
|
|
154
|
+
|
|
155
|
+
The `ariaLabel` slot allows you to pass an aria-label to the HTML5 button. The default value is `"arrow-up"`.
|
|
156
|
+
|
|
157
|
+
<div class="exampleWrapper">
|
|
158
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/ariaLabelButtonOnly.html) -->
|
|
159
|
+
<!-- The below content is automatically added from ./../apiExamples/ariaLabelButtonOnly.html -->
|
|
160
|
+
<auro-button
|
|
161
|
+
aria-label="Custom aria-label goes here!">
|
|
162
|
+
Back to top
|
|
163
|
+
<auro-icon customcolor category="interface" name="arrow-up" slot="icon" part="icon"></auro-icon>
|
|
164
|
+
</auro-button>
|
|
165
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
166
|
+
</div>
|
|
167
|
+
<auro-accordion alignRight>
|
|
168
|
+
<span slot="trigger">See code</span>
|
|
169
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/ariaLabel.html) -->
|
|
170
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/ariaLabel.html -->
|
|
171
|
+
|
|
172
|
+
```html
|
|
173
|
+
<auro-backtotop>
|
|
174
|
+
<span slot="ariaLabel">Custom aria-label goes here!</span>
|
|
175
|
+
Back to top
|
|
176
|
+
</auro-backtotop>
|
|
177
|
+
```
|
|
178
|
+
<!-- AURO-GENERATED-CONTENT:END -->
|
|
179
|
+
</auro-accordion>
|
|
180
|
+
|
|
153
181
|
## Page Content For Demo
|
|
154
182
|
|
|
155
183
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/pageContent.html) -->
|
|
@@ -476,7 +476,6 @@ class AuroBackToTop extends i$1 {
|
|
|
476
476
|
|
|
477
477
|
<${this.buttonTag}
|
|
478
478
|
aria-label="${this.runtimeUtils.getSlotText(this, "ariaLabel") || "arrow-up"}"
|
|
479
|
-
rounded
|
|
480
479
|
.disabled="${this.disabled}"
|
|
481
480
|
variant="${this.variant}"
|
|
482
481
|
?iconOnly=${!this.lastScrollDirectionUp && !this.interactionActive}
|
package/demo/index.md
CHANGED
|
@@ -6,10 +6,6 @@ This file is generated based on a template fetched from `./docs/partials/index.m
|
|
|
6
6
|
|
|
7
7
|
# Backtotop
|
|
8
8
|
|
|
9
|
-
<auro-icon-9_1_0 customColor category="interface" name="arrow-up" slot="icon" part="icon"></auro-icon-9_1_0>
|
|
10
|
-
<br /><br /><br />
|
|
11
|
-
After icon
|
|
12
|
-
|
|
13
9
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/description.md) -->
|
|
14
10
|
<!-- The below content is automatically added from ./../docs/partials/description.md -->
|
|
15
11
|
`<auro-backtotop>` is a [HTML custom element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) for the purpose of providing a quick and accessible means to jump back to the top of a long content page.
|
|
@@ -82,7 +82,6 @@ import{literal as t,html as e,unsafeStatic as o}from"lit/static-html.js";import{
|
|
|
82
82
|
|
|
83
83
|
<${this.buttonTag}
|
|
84
84
|
aria-label="${this.runtimeUtils.getSlotText(this,"ariaLabel")||"arrow-up"}"
|
|
85
|
-
rounded
|
|
86
85
|
.disabled="${this.disabled}"
|
|
87
86
|
variant="${this.variant}"
|
|
88
87
|
?iconOnly=${!this.lastScrollDirectionUp&&!this.interactionActive}
|
package/dist/index.d.ts
CHANGED
|
@@ -87,7 +87,6 @@ class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),
|
|
|
87
87
|
|
|
88
88
|
<${this.buttonTag}
|
|
89
89
|
aria-label="${this.runtimeUtils.getSlotText(this,"ariaLabel")||"arrow-up"}"
|
|
90
|
-
rounded
|
|
91
90
|
.disabled="${this.disabled}"
|
|
92
91
|
variant="${this.variant}"
|
|
93
92
|
?iconOnly=${!this.lastScrollDirectionUp&&!this.interactionActive}
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as AuroBackToTop}from"./auro-backtotop-
|
|
1
|
+
export{A as AuroBackToTop}from"./auro-backtotop-B6i1JSAH.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
|
package/dist/registered.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as i}from"./auro-backtotop-
|
|
1
|
+
import{A as i}from"./auro-backtotop-B6i1JSAH.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"================================================================================"
|
|
8
8
|
],
|
|
9
9
|
"name": "@aurodesignsystem-dev/auro-backtotop",
|
|
10
|
-
"version": "0.0.0-pr67.
|
|
10
|
+
"version": "0.0.0-pr67.1",
|
|
11
11
|
"description": "auro-backtotop HTML custom element",
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|