@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.89 → 0.0.0-pr624.90
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/components/bibtemplate/dist/index.js +10 -8
- package/components/bibtemplate/dist/registered.js +10 -8
- package/components/combobox/demo/api.min.js +43 -18
- package/components/combobox/demo/index.min.js +43 -18
- package/components/combobox/dist/auro-combobox.d.ts +5 -0
- package/components/combobox/dist/index.js +43 -18
- package/components/combobox/dist/registered.js +43 -18
- package/components/counter/demo/api.min.js +10 -8
- package/components/counter/demo/index.min.js +10 -8
- package/components/counter/dist/index.js +10 -8
- package/components/counter/dist/registered.js +10 -8
- package/components/datepicker/demo/api.min.js +10 -8
- package/components/datepicker/demo/index.min.js +10 -8
- package/components/datepicker/dist/index.js +10 -8
- package/components/datepicker/dist/registered.js +10 -8
- package/components/form/demo/api.md +1 -1
- package/components/form/demo/api.min.js +1 -1
- package/components/form/demo/index.min.js +1 -1
- package/components/form/dist/auro-form.d.ts +1 -1
- package/components/form/dist/index.js +1 -1
- package/components/form/dist/registered.js +1 -1
- package/components/select/demo/api.min.js +40 -16
- package/components/select/demo/index.min.js +40 -16
- package/components/select/dist/auro-select.d.ts +5 -0
- package/components/select/dist/index.js +40 -16
- package/components/select/dist/registered.js +40 -16
- package/package.json +4 -4
|
@@ -7481,7 +7481,7 @@ var dropdownVersion = '3.0.0';
|
|
|
7481
7481
|
|
|
7482
7482
|
var colorCss$3 = i$5`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
7483
7483
|
|
|
7484
|
-
var styleCss$4 = i$5`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
7484
|
+
var styleCss$4 = i$5`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
7485
7485
|
|
|
7486
7486
|
var tokenCss = i$5`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
7487
7487
|
|
|
@@ -9385,13 +9385,15 @@ class AuroBibtemplate extends i$2 {
|
|
|
9385
9385
|
<div id="bibTemplate" part="bibtemplate">
|
|
9386
9386
|
${this.isFullscreen ? u`
|
|
9387
9387
|
<div id="headerContainer">
|
|
9388
|
-
|
|
9389
|
-
<${this.
|
|
9390
|
-
|
|
9391
|
-
|
|
9392
|
-
|
|
9393
|
-
|
|
9394
|
-
|
|
9388
|
+
<div class="titleRow">
|
|
9389
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
9390
|
+
<slot name="header"></slot>
|
|
9391
|
+
</${this.headerTag}>
|
|
9392
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
9393
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
9394
|
+
</${this.buttonTag}>
|
|
9395
|
+
</div>
|
|
9396
|
+
<span class="subheader">
|
|
9395
9397
|
<slot name="subheader"></slot>
|
|
9396
9398
|
</span>
|
|
9397
9399
|
</div>` : null}
|
|
@@ -7434,7 +7434,7 @@ var dropdownVersion = '3.0.0';
|
|
|
7434
7434
|
|
|
7435
7435
|
var colorCss$3 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
7436
7436
|
|
|
7437
|
-
var styleCss$4 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
7437
|
+
var styleCss$4 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
7438
7438
|
|
|
7439
7439
|
var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
7440
7440
|
|
|
@@ -9338,13 +9338,15 @@ class AuroBibtemplate extends LitElement {
|
|
|
9338
9338
|
<div id="bibTemplate" part="bibtemplate">
|
|
9339
9339
|
${this.isFullscreen ? html$1`
|
|
9340
9340
|
<div id="headerContainer">
|
|
9341
|
-
|
|
9342
|
-
<${this.
|
|
9343
|
-
|
|
9344
|
-
|
|
9345
|
-
|
|
9346
|
-
|
|
9347
|
-
|
|
9341
|
+
<div class="titleRow">
|
|
9342
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
9343
|
+
<slot name="header"></slot>
|
|
9344
|
+
</${this.headerTag}>
|
|
9345
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
9346
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
9347
|
+
</${this.buttonTag}>
|
|
9348
|
+
</div>
|
|
9349
|
+
<span class="subheader">
|
|
9348
9350
|
<slot name="subheader"></slot>
|
|
9349
9351
|
</span>
|
|
9350
9352
|
</div>` : null}
|
|
@@ -7434,7 +7434,7 @@ var dropdownVersion = '3.0.0';
|
|
|
7434
7434
|
|
|
7435
7435
|
var colorCss$3 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
7436
7436
|
|
|
7437
|
-
var styleCss$4 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
7437
|
+
var styleCss$4 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
7438
7438
|
|
|
7439
7439
|
var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
7440
7440
|
|
|
@@ -9338,13 +9338,15 @@ class AuroBibtemplate extends LitElement {
|
|
|
9338
9338
|
<div id="bibTemplate" part="bibtemplate">
|
|
9339
9339
|
${this.isFullscreen ? html$1`
|
|
9340
9340
|
<div id="headerContainer">
|
|
9341
|
-
|
|
9342
|
-
<${this.
|
|
9343
|
-
|
|
9344
|
-
|
|
9345
|
-
|
|
9346
|
-
|
|
9347
|
-
|
|
9341
|
+
<div class="titleRow">
|
|
9342
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
9343
|
+
<slot name="header"></slot>
|
|
9344
|
+
</${this.headerTag}>
|
|
9345
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
9346
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
9347
|
+
</${this.buttonTag}>
|
|
9348
|
+
</div>
|
|
9349
|
+
<span class="subheader">
|
|
9348
9350
|
<slot name="subheader"></slot>
|
|
9349
9351
|
</span>
|
|
9350
9352
|
</div>` : null}
|
|
@@ -11165,7 +11165,7 @@ class CalendarUtilities {
|
|
|
11165
11165
|
|
|
11166
11166
|
var colorCss$3$2 = i$2`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
11167
11167
|
|
|
11168
|
-
var styleCss$4$1 = i$2`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
11168
|
+
var styleCss$4$1 = i$2`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
11169
11169
|
|
|
11170
11170
|
var tokenCss = i$2`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
11171
11171
|
|
|
@@ -13069,13 +13069,15 @@ class AuroBibtemplate extends i {
|
|
|
13069
13069
|
<div id="bibTemplate" part="bibtemplate">
|
|
13070
13070
|
${this.isFullscreen ? u$3`
|
|
13071
13071
|
<div id="headerContainer">
|
|
13072
|
-
|
|
13073
|
-
<${this.
|
|
13074
|
-
|
|
13075
|
-
|
|
13076
|
-
|
|
13077
|
-
|
|
13078
|
-
|
|
13072
|
+
<div class="titleRow">
|
|
13073
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
13074
|
+
<slot name="header"></slot>
|
|
13075
|
+
</${this.headerTag}>
|
|
13076
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
13077
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
13078
|
+
</${this.buttonTag}>
|
|
13079
|
+
</div>
|
|
13080
|
+
<span class="subheader">
|
|
13079
13081
|
<slot name="subheader"></slot>
|
|
13080
13082
|
</span>
|
|
13081
13083
|
</div>` : null}
|
|
@@ -10906,7 +10906,7 @@ class CalendarUtilities {
|
|
|
10906
10906
|
|
|
10907
10907
|
var colorCss$3$2 = i$2`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
10908
10908
|
|
|
10909
|
-
var styleCss$4$1 = i$2`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
10909
|
+
var styleCss$4$1 = i$2`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
10910
10910
|
|
|
10911
10911
|
var tokenCss = i$2`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
10912
10912
|
|
|
@@ -12810,13 +12810,15 @@ class AuroBibtemplate extends i {
|
|
|
12810
12810
|
<div id="bibTemplate" part="bibtemplate">
|
|
12811
12811
|
${this.isFullscreen ? u$3`
|
|
12812
12812
|
<div id="headerContainer">
|
|
12813
|
-
|
|
12814
|
-
<${this.
|
|
12815
|
-
|
|
12816
|
-
|
|
12817
|
-
|
|
12818
|
-
|
|
12819
|
-
|
|
12813
|
+
<div class="titleRow">
|
|
12814
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
12815
|
+
<slot name="header"></slot>
|
|
12816
|
+
</${this.headerTag}>
|
|
12817
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
12818
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
12819
|
+
</${this.buttonTag}>
|
|
12820
|
+
</div>
|
|
12821
|
+
<span class="subheader">
|
|
12820
12822
|
<slot name="subheader"></slot>
|
|
12821
12823
|
</span>
|
|
12822
12824
|
</div>` : null}
|
|
@@ -10855,7 +10855,7 @@ class CalendarUtilities {
|
|
|
10855
10855
|
|
|
10856
10856
|
var colorCss$3$2 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
10857
10857
|
|
|
10858
|
-
var styleCss$4$1 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
10858
|
+
var styleCss$4$1 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
10859
10859
|
|
|
10860
10860
|
var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
10861
10861
|
|
|
@@ -12759,13 +12759,15 @@ class AuroBibtemplate extends LitElement {
|
|
|
12759
12759
|
<div id="bibTemplate" part="bibtemplate">
|
|
12760
12760
|
${this.isFullscreen ? html$1`
|
|
12761
12761
|
<div id="headerContainer">
|
|
12762
|
-
|
|
12763
|
-
<${this.
|
|
12764
|
-
|
|
12765
|
-
|
|
12766
|
-
|
|
12767
|
-
|
|
12768
|
-
|
|
12762
|
+
<div class="titleRow">
|
|
12763
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
12764
|
+
<slot name="header"></slot>
|
|
12765
|
+
</${this.headerTag}>
|
|
12766
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
12767
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
12768
|
+
</${this.buttonTag}>
|
|
12769
|
+
</div>
|
|
12770
|
+
<span class="subheader">
|
|
12769
12771
|
<slot name="subheader"></slot>
|
|
12770
12772
|
</span>
|
|
12771
12773
|
</div>` : null}
|
|
@@ -10855,7 +10855,7 @@ class CalendarUtilities {
|
|
|
10855
10855
|
|
|
10856
10856
|
var colorCss$3$2 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
10857
10857
|
|
|
10858
|
-
var styleCss$4$1 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
10858
|
+
var styleCss$4$1 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
10859
10859
|
|
|
10860
10860
|
var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
10861
10861
|
|
|
@@ -12759,13 +12759,15 @@ class AuroBibtemplate extends LitElement {
|
|
|
12759
12759
|
<div id="bibTemplate" part="bibtemplate">
|
|
12760
12760
|
${this.isFullscreen ? html$1`
|
|
12761
12761
|
<div id="headerContainer">
|
|
12762
|
-
|
|
12763
|
-
<${this.
|
|
12764
|
-
|
|
12765
|
-
|
|
12766
|
-
|
|
12767
|
-
|
|
12768
|
-
|
|
12762
|
+
<div class="titleRow">
|
|
12763
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
12764
|
+
<slot name="header"></slot>
|
|
12765
|
+
</${this.headerTag}>
|
|
12766
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
12767
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
12768
|
+
</${this.buttonTag}>
|
|
12769
|
+
</div>
|
|
12770
|
+
<span class="subheader">
|
|
12769
12771
|
<slot name="subheader"></slot>
|
|
12770
12772
|
</span>
|
|
12771
12773
|
</div>` : null}
|
|
@@ -20,7 +20,7 @@ The auro-form element provides users a way to ... (it would be great if you fill
|
|
|
20
20
|
| [isInitialState](#isInitialState) | readonly | `boolean` | | Mostly internal way to determine if a form is in the initial state. |
|
|
21
21
|
| [mutationEventListener](#mutationEventListener) | | | | |
|
|
22
22
|
| [reset](#reset) | | | | |
|
|
23
|
-
| [resetElements](#resetElements) | readonly | `HTMLButtonElement[]` | | Returns a collection of elements that will reset the form |
|
|
23
|
+
| [resetElements](#resetElements) | readonly | `HTMLButtonElement[]` | | Returns a collection of elements that will reset the form. |
|
|
24
24
|
| [sharedInputListener](#sharedInputListener) | | | | |
|
|
25
25
|
| [sharedValidationListener](#sharedValidationListener) | | | | |
|
|
26
26
|
| [submit](#submit) | | | | |
|
|
@@ -146,7 +146,7 @@ export class AuroForm extends LitElement {
|
|
|
146
146
|
*/
|
|
147
147
|
get submitElements(): HTMLButtonElement[];
|
|
148
148
|
/**
|
|
149
|
-
* Returns a collection of elements that will reset the form
|
|
149
|
+
* Returns a collection of elements that will reset the form.
|
|
150
150
|
* @returns {HTMLButtonElement[]}
|
|
151
151
|
*/
|
|
152
152
|
get resetElements(): HTMLButtonElement[];
|
|
@@ -247,7 +247,7 @@ class AuroForm extends LitElement {
|
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
/**
|
|
250
|
-
* Returns a collection of elements that will reset the form
|
|
250
|
+
* Returns a collection of elements that will reset the form.
|
|
251
251
|
* @returns {HTMLButtonElement[]}
|
|
252
252
|
*/
|
|
253
253
|
get resetElements() {
|
|
@@ -247,7 +247,7 @@ class AuroForm extends LitElement {
|
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
/**
|
|
250
|
-
* Returns a collection of elements that will reset the form
|
|
250
|
+
* Returns a collection of elements that will reset the form.
|
|
251
251
|
* @returns {HTMLButtonElement[]}
|
|
252
252
|
*/
|
|
253
253
|
get resetElements() {
|
|
@@ -5496,7 +5496,7 @@ var dropdownVersion = '3.0.0';
|
|
|
5496
5496
|
|
|
5497
5497
|
var colorCss$3$1 = i$5`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
5498
5498
|
|
|
5499
|
-
var styleCss$4$1 = i$5`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
5499
|
+
var styleCss$4$1 = i$5`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
5500
5500
|
|
|
5501
5501
|
var tokenCss = i$5`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
5502
5502
|
|
|
@@ -7400,13 +7400,15 @@ class AuroBibtemplate extends i$2 {
|
|
|
7400
7400
|
<div id="bibTemplate" part="bibtemplate">
|
|
7401
7401
|
${this.isFullscreen ? u`
|
|
7402
7402
|
<div id="headerContainer">
|
|
7403
|
-
|
|
7404
|
-
<${this.
|
|
7405
|
-
|
|
7406
|
-
|
|
7407
|
-
|
|
7408
|
-
|
|
7409
|
-
|
|
7403
|
+
<div class="titleRow">
|
|
7404
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
7405
|
+
<slot name="header"></slot>
|
|
7406
|
+
</${this.headerTag}>
|
|
7407
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
7408
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
7409
|
+
</${this.buttonTag}>
|
|
7410
|
+
</div>
|
|
7411
|
+
<span class="subheader">
|
|
7410
7412
|
<slot name="subheader"></slot>
|
|
7411
7413
|
</span>
|
|
7412
7414
|
</div>` : null}
|
|
@@ -8108,6 +8110,7 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8108
8110
|
this.isPopoverVisible = this.dropdown.isPopoverVisible;
|
|
8109
8111
|
|
|
8110
8112
|
if (this.dropdown.isPopoverVisible) {
|
|
8113
|
+
this.updateMenuShapeSize();
|
|
8111
8114
|
// wait til the bib gets fully rendered
|
|
8112
8115
|
setTimeout(() => {
|
|
8113
8116
|
if (this.dropdown.isBibFullscreen) {
|
|
@@ -8123,6 +8126,10 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8123
8126
|
}
|
|
8124
8127
|
});
|
|
8125
8128
|
|
|
8129
|
+
this.dropdown.addEventListener('auroDropdown-strategy-change', () => {
|
|
8130
|
+
this.updateMenuShapeSize();
|
|
8131
|
+
});
|
|
8132
|
+
|
|
8126
8133
|
// setting up bibtemplate
|
|
8127
8134
|
this.bibtemplate = this.dropdown.querySelector(this.bibtemplateTag._$litStatic$);
|
|
8128
8135
|
|
|
@@ -8187,6 +8194,30 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8187
8194
|
this.dropdown.requestUpdate();
|
|
8188
8195
|
}
|
|
8189
8196
|
|
|
8197
|
+
/**
|
|
8198
|
+
* Update menu to default for fullscreen bib, otherwise to this.size and this.shape.
|
|
8199
|
+
* @private
|
|
8200
|
+
*/
|
|
8201
|
+
updateMenuShapeSize() {
|
|
8202
|
+
if (!this.menu) {
|
|
8203
|
+
return;
|
|
8204
|
+
}
|
|
8205
|
+
|
|
8206
|
+
if (this.dropdown && this.dropdown.isBibFullscreen) {
|
|
8207
|
+
this.menu.setAttribute('size', 'md');
|
|
8208
|
+
this.menu.setAttribute('shape', 'box');
|
|
8209
|
+
} else {
|
|
8210
|
+
// set menu's default size if there it's not specified.
|
|
8211
|
+
if (!this.menu.getAttribute('size')) {
|
|
8212
|
+
this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
|
|
8213
|
+
}
|
|
8214
|
+
|
|
8215
|
+
if (!this.getAttribute('shape')) {
|
|
8216
|
+
this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
|
|
8217
|
+
}
|
|
8218
|
+
}
|
|
8219
|
+
}
|
|
8220
|
+
|
|
8190
8221
|
/**
|
|
8191
8222
|
* Binds all behavior needed to the menu after rendering.
|
|
8192
8223
|
* @private
|
|
@@ -8203,14 +8234,7 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8203
8234
|
return;
|
|
8204
8235
|
}
|
|
8205
8236
|
|
|
8206
|
-
|
|
8207
|
-
if (!this.menu.getAttribute('size')) {
|
|
8208
|
-
this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
|
|
8209
|
-
}
|
|
8210
|
-
|
|
8211
|
-
if (!this.getAttribute('shape')) {
|
|
8212
|
-
this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
|
|
8213
|
-
}
|
|
8237
|
+
this.updateMenuShapeSize();
|
|
8214
8238
|
|
|
8215
8239
|
if (this.multiSelect) {
|
|
8216
8240
|
this.menu.multiSelect = this.multiSelect;
|
|
@@ -5404,7 +5404,7 @@ var dropdownVersion = '3.0.0';
|
|
|
5404
5404
|
|
|
5405
5405
|
var colorCss$3$1 = i$5`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
5406
5406
|
|
|
5407
|
-
var styleCss$4$1 = i$5`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
5407
|
+
var styleCss$4$1 = i$5`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column;padding:var(--ds-size-200, 1rem);padding-top:var(--ds-size-400, 2rem);padding-bottom:0}#headerContainer .titleRow{display:flex;flex-direction:row;justify-content:space-between;gap:var(--ds-size-100, 0.5rem)}#headerContainer .header{max-width:calc(100vw - var(--ds-size-900, 4.5rem));padding-top:var(--ds-size-200, 1rem)}#headerContainer .subheader{width:100%}#closeButton [auro-icon]{--ds-auro-icon-size: var(--ds-size-500, 2.5rem)}#bodyContainer{position:relative;overflow:auto;flex:1 1 100%}:host([isfullscreen]) #bibTemplate{max-height:100dvh}:host([isfullscreen]) #bodyContainer{margin-top:var(--ds-size-100, 0.5rem)}#footerContainer{position:absolute;right:0;bottom:0;left:0;padding:var(--ds-size-200, 1rem)}`;
|
|
5408
5408
|
|
|
5409
5409
|
var tokenCss = i$5`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-footer-container-color: var(--ds-basic-color-surface-default, #ffffff)}`;
|
|
5410
5410
|
|
|
@@ -7308,13 +7308,15 @@ class AuroBibtemplate extends i$2 {
|
|
|
7308
7308
|
<div id="bibTemplate" part="bibtemplate">
|
|
7309
7309
|
${this.isFullscreen ? u`
|
|
7310
7310
|
<div id="headerContainer">
|
|
7311
|
-
|
|
7312
|
-
<${this.
|
|
7313
|
-
|
|
7314
|
-
|
|
7315
|
-
|
|
7316
|
-
|
|
7317
|
-
|
|
7311
|
+
<div class="titleRow">
|
|
7312
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
7313
|
+
<slot name="header"></slot>
|
|
7314
|
+
</${this.headerTag}>
|
|
7315
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
7316
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
7317
|
+
</${this.buttonTag}>
|
|
7318
|
+
</div>
|
|
7319
|
+
<span class="subheader">
|
|
7318
7320
|
<slot name="subheader"></slot>
|
|
7319
7321
|
</span>
|
|
7320
7322
|
</div>` : null}
|
|
@@ -8016,6 +8018,7 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8016
8018
|
this.isPopoverVisible = this.dropdown.isPopoverVisible;
|
|
8017
8019
|
|
|
8018
8020
|
if (this.dropdown.isPopoverVisible) {
|
|
8021
|
+
this.updateMenuShapeSize();
|
|
8019
8022
|
// wait til the bib gets fully rendered
|
|
8020
8023
|
setTimeout(() => {
|
|
8021
8024
|
if (this.dropdown.isBibFullscreen) {
|
|
@@ -8031,6 +8034,10 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8031
8034
|
}
|
|
8032
8035
|
});
|
|
8033
8036
|
|
|
8037
|
+
this.dropdown.addEventListener('auroDropdown-strategy-change', () => {
|
|
8038
|
+
this.updateMenuShapeSize();
|
|
8039
|
+
});
|
|
8040
|
+
|
|
8034
8041
|
// setting up bibtemplate
|
|
8035
8042
|
this.bibtemplate = this.dropdown.querySelector(this.bibtemplateTag._$litStatic$);
|
|
8036
8043
|
|
|
@@ -8095,6 +8102,30 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8095
8102
|
this.dropdown.requestUpdate();
|
|
8096
8103
|
}
|
|
8097
8104
|
|
|
8105
|
+
/**
|
|
8106
|
+
* Update menu to default for fullscreen bib, otherwise to this.size and this.shape.
|
|
8107
|
+
* @private
|
|
8108
|
+
*/
|
|
8109
|
+
updateMenuShapeSize() {
|
|
8110
|
+
if (!this.menu) {
|
|
8111
|
+
return;
|
|
8112
|
+
}
|
|
8113
|
+
|
|
8114
|
+
if (this.dropdown && this.dropdown.isBibFullscreen) {
|
|
8115
|
+
this.menu.setAttribute('size', 'md');
|
|
8116
|
+
this.menu.setAttribute('shape', 'box');
|
|
8117
|
+
} else {
|
|
8118
|
+
// set menu's default size if there it's not specified.
|
|
8119
|
+
if (!this.menu.getAttribute('size')) {
|
|
8120
|
+
this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
|
|
8121
|
+
}
|
|
8122
|
+
|
|
8123
|
+
if (!this.getAttribute('shape')) {
|
|
8124
|
+
this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
|
|
8125
|
+
}
|
|
8126
|
+
}
|
|
8127
|
+
}
|
|
8128
|
+
|
|
8098
8129
|
/**
|
|
8099
8130
|
* Binds all behavior needed to the menu after rendering.
|
|
8100
8131
|
* @private
|
|
@@ -8111,14 +8142,7 @@ class AuroSelect extends AuroElement$4 {
|
|
|
8111
8142
|
return;
|
|
8112
8143
|
}
|
|
8113
8144
|
|
|
8114
|
-
|
|
8115
|
-
if (!this.menu.getAttribute('size')) {
|
|
8116
|
-
this.menu.setAttribute('size', this.layout !== 'emphasized' ? 'md' : this.size);
|
|
8117
|
-
}
|
|
8118
|
-
|
|
8119
|
-
if (!this.getAttribute('shape')) {
|
|
8120
|
-
this.menu.setAttribute('shape', this.layout === 'classic' ? 'box' : this.shape);
|
|
8121
|
-
}
|
|
8145
|
+
this.updateMenuShapeSize();
|
|
8122
8146
|
|
|
8123
8147
|
if (this.multiSelect) {
|
|
8124
8148
|
this.menu.multiSelect = this.multiSelect;
|
|
@@ -344,6 +344,11 @@ export class AuroSelect extends AuroElement {
|
|
|
344
344
|
* @returns {void}
|
|
345
345
|
*/
|
|
346
346
|
private updateDisplayedValue;
|
|
347
|
+
/**
|
|
348
|
+
* Update menu to default for fullscreen bib, otherwise to this.size and this.shape.
|
|
349
|
+
* @private
|
|
350
|
+
*/
|
|
351
|
+
private updateMenuShapeSize;
|
|
347
352
|
/**
|
|
348
353
|
* Binds all behavior needed to the menu after rendering.
|
|
349
354
|
* @private
|