@aurodesignsystem-dev/auro-formkit 0.0.0-pr816.0 → 0.0.0-pr816.2
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 +12 -9
- package/components/combobox/demo/index.min.js +12 -9
- package/components/combobox/dist/index.js +12 -9
- package/components/combobox/dist/registered.js +12 -9
- package/components/counter/demo/api.min.js +12 -10
- package/components/counter/demo/index.min.js +12 -10
- package/components/counter/dist/index.js +12 -10
- package/components/counter/dist/registered.js +12 -10
- 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/select/demo/api.min.js +10 -8
- package/components/select/demo/index.min.js +10 -8
- package/components/select/dist/index.js +10 -8
- package/components/select/dist/registered.js +10 -8
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
|
|
|
5
5
|
|
|
6
6
|
var colorCss$3 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
7
7
|
|
|
8
|
-
var styleCss$4 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
8
|
+
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)}`;
|
|
9
9
|
|
|
10
10
|
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)}`;
|
|
11
11
|
|
|
@@ -1909,13 +1909,15 @@ class AuroBibtemplate extends LitElement {
|
|
|
1909
1909
|
<div id="bibTemplate" part="bibtemplate">
|
|
1910
1910
|
${this.isFullscreen ? html$1`
|
|
1911
1911
|
<div id="headerContainer">
|
|
1912
|
-
|
|
1913
|
-
<${this.
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1912
|
+
<div class="titleRow">
|
|
1913
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
1914
|
+
<slot name="header"></slot>
|
|
1915
|
+
</${this.headerTag}>
|
|
1916
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
1917
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
1918
|
+
</${this.buttonTag}>
|
|
1919
|
+
</div>
|
|
1920
|
+
<span class="subheader">
|
|
1919
1921
|
<slot name="subheader"></slot>
|
|
1920
1922
|
</span>
|
|
1921
1923
|
</div>` : null}
|
|
@@ -5,7 +5,7 @@ import { ifDefined } from 'lit/directives/if-defined.js';
|
|
|
5
5
|
|
|
6
6
|
var colorCss$3 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
7
7
|
|
|
8
|
-
var styleCss$4 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
8
|
+
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)}`;
|
|
9
9
|
|
|
10
10
|
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)}`;
|
|
11
11
|
|
|
@@ -1909,13 +1909,15 @@ class AuroBibtemplate extends LitElement {
|
|
|
1909
1909
|
<div id="bibTemplate" part="bibtemplate">
|
|
1910
1910
|
${this.isFullscreen ? html$1`
|
|
1911
1911
|
<div id="headerContainer">
|
|
1912
|
-
|
|
1913
|
-
<${this.
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1912
|
+
<div class="titleRow">
|
|
1913
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
1914
|
+
<slot name="header"></slot>
|
|
1915
|
+
</${this.headerTag}>
|
|
1916
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
1917
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
1918
|
+
</${this.buttonTag}>
|
|
1919
|
+
</div>
|
|
1920
|
+
<span class="subheader">
|
|
1919
1921
|
<slot name="subheader"></slot>
|
|
1920
1922
|
</span>
|
|
1921
1923
|
</div>` : null}
|
|
@@ -13824,7 +13824,7 @@ var inputVersion = '4.2.0';
|
|
|
13824
13824
|
|
|
13825
13825
|
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)}`;
|
|
13826
13826
|
|
|
13827
|
-
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
|
|
13827
|
+
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)}`;
|
|
13828
13828
|
|
|
13829
13829
|
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)}`;
|
|
13830
13830
|
|
|
@@ -15728,13 +15728,15 @@ class AuroBibtemplate extends i$2 {
|
|
|
15728
15728
|
<div id="bibTemplate" part="bibtemplate">
|
|
15729
15729
|
${this.isFullscreen ? u$2`
|
|
15730
15730
|
<div id="headerContainer">
|
|
15731
|
-
|
|
15732
|
-
<${this.
|
|
15733
|
-
|
|
15734
|
-
|
|
15735
|
-
|
|
15736
|
-
|
|
15737
|
-
|
|
15731
|
+
<div class="titleRow">
|
|
15732
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
15733
|
+
<slot name="header"></slot>
|
|
15734
|
+
</${this.headerTag}>
|
|
15735
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
15736
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
15737
|
+
</${this.buttonTag}>
|
|
15738
|
+
</div>
|
|
15739
|
+
<span class="subheader">
|
|
15738
15740
|
<slot name="subheader"></slot>
|
|
15739
15741
|
</span>
|
|
15740
15742
|
</div>` : null}
|
|
@@ -15754,7 +15756,7 @@ class AuroBibtemplate extends i$2 {
|
|
|
15754
15756
|
|
|
15755
15757
|
var bibTemplateVersion = '1.0.0';
|
|
15756
15758
|
|
|
15757
|
-
var styleCss$4 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block}:host [auro-input]{--ds-auro-input-background-color: transparent}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
15759
|
+
var styleCss$4 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block}:host [auro-input]{--ds-auro-input-background-color: transparent}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
15758
15760
|
|
|
15759
15761
|
var styleEmphasizedCss = i$5`:host([layout*=emphasized][shape*=pill]) [auro-input]{width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}`;
|
|
15760
15762
|
|
|
@@ -17153,6 +17155,7 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
17153
17155
|
<slot name="bib.fullscreen.headline" slot="header"></slot>
|
|
17154
17156
|
<slot></slot>
|
|
17155
17157
|
<${this.inputTag}
|
|
17158
|
+
id="inputInBib"
|
|
17156
17159
|
@input="${this.handleInputValueChange}"
|
|
17157
17160
|
.a11yControls="${this.dropdownId}"
|
|
17158
17161
|
.autocomplete="${this.autocomplete}"
|
|
@@ -13682,7 +13682,7 @@ var inputVersion = '4.2.0';
|
|
|
13682
13682
|
|
|
13683
13683
|
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)}`;
|
|
13684
13684
|
|
|
13685
|
-
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
|
|
13685
|
+
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)}`;
|
|
13686
13686
|
|
|
13687
13687
|
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)}`;
|
|
13688
13688
|
|
|
@@ -15586,13 +15586,15 @@ class AuroBibtemplate extends i$2 {
|
|
|
15586
15586
|
<div id="bibTemplate" part="bibtemplate">
|
|
15587
15587
|
${this.isFullscreen ? u$2`
|
|
15588
15588
|
<div id="headerContainer">
|
|
15589
|
-
|
|
15590
|
-
<${this.
|
|
15591
|
-
|
|
15592
|
-
|
|
15593
|
-
|
|
15594
|
-
|
|
15595
|
-
|
|
15589
|
+
<div class="titleRow">
|
|
15590
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
15591
|
+
<slot name="header"></slot>
|
|
15592
|
+
</${this.headerTag}>
|
|
15593
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
15594
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
15595
|
+
</${this.buttonTag}>
|
|
15596
|
+
</div>
|
|
15597
|
+
<span class="subheader">
|
|
15596
15598
|
<slot name="subheader"></slot>
|
|
15597
15599
|
</span>
|
|
15598
15600
|
</div>` : null}
|
|
@@ -15612,7 +15614,7 @@ class AuroBibtemplate extends i$2 {
|
|
|
15612
15614
|
|
|
15613
15615
|
var bibTemplateVersion = '1.0.0';
|
|
15614
15616
|
|
|
15615
|
-
var styleCss$4 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block}:host [auro-input]{--ds-auro-input-background-color: transparent}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
15617
|
+
var styleCss$4 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block}:host [auro-input]{--ds-auro-input-background-color: transparent}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
15616
15618
|
|
|
15617
15619
|
var styleEmphasizedCss = i$5`:host([layout*=emphasized][shape*=pill]) [auro-input]{width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}`;
|
|
15618
15620
|
|
|
@@ -17011,6 +17013,7 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
17011
17013
|
<slot name="bib.fullscreen.headline" slot="header"></slot>
|
|
17012
17014
|
<slot></slot>
|
|
17013
17015
|
<${this.inputTag}
|
|
17016
|
+
id="inputInBib"
|
|
17014
17017
|
@input="${this.handleInputValueChange}"
|
|
17015
17018
|
.a11yControls="${this.dropdownId}"
|
|
17016
17019
|
.autocomplete="${this.autocomplete}"
|
|
@@ -13600,7 +13600,7 @@ var inputVersion = '4.2.0';
|
|
|
13600
13600
|
|
|
13601
13601
|
var colorCss$3 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
13602
13602
|
|
|
13603
|
-
var styleCss$4 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
13603
|
+
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)}`;
|
|
13604
13604
|
|
|
13605
13605
|
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)}`;
|
|
13606
13606
|
|
|
@@ -15504,13 +15504,15 @@ class AuroBibtemplate extends LitElement {
|
|
|
15504
15504
|
<div id="bibTemplate" part="bibtemplate">
|
|
15505
15505
|
${this.isFullscreen ? html`
|
|
15506
15506
|
<div id="headerContainer">
|
|
15507
|
-
|
|
15508
|
-
<${this.
|
|
15509
|
-
|
|
15510
|
-
|
|
15511
|
-
|
|
15512
|
-
|
|
15513
|
-
|
|
15507
|
+
<div class="titleRow">
|
|
15508
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
15509
|
+
<slot name="header"></slot>
|
|
15510
|
+
</${this.headerTag}>
|
|
15511
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
15512
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
15513
|
+
</${this.buttonTag}>
|
|
15514
|
+
</div>
|
|
15515
|
+
<span class="subheader">
|
|
15514
15516
|
<slot name="subheader"></slot>
|
|
15515
15517
|
</span>
|
|
15516
15518
|
</div>` : null}
|
|
@@ -15530,7 +15532,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
15530
15532
|
|
|
15531
15533
|
var bibTemplateVersion = '1.0.0';
|
|
15532
15534
|
|
|
15533
|
-
var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block}:host [auro-input]{--ds-auro-input-background-color: transparent}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
15535
|
+
var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block}:host [auro-input]{--ds-auro-input-background-color: transparent}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
15534
15536
|
|
|
15535
15537
|
var styleEmphasizedCss = css`:host([layout*=emphasized][shape*=pill]) [auro-input]{width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}`;
|
|
15536
15538
|
|
|
@@ -16929,6 +16931,7 @@ class AuroCombobox extends AuroElement {
|
|
|
16929
16931
|
<slot name="bib.fullscreen.headline" slot="header"></slot>
|
|
16930
16932
|
<slot></slot>
|
|
16931
16933
|
<${this.inputTag}
|
|
16934
|
+
id="inputInBib"
|
|
16932
16935
|
@input="${this.handleInputValueChange}"
|
|
16933
16936
|
.a11yControls="${this.dropdownId}"
|
|
16934
16937
|
.autocomplete="${this.autocomplete}"
|
|
@@ -13600,7 +13600,7 @@ var inputVersion = '4.2.0';
|
|
|
13600
13600
|
|
|
13601
13601
|
var colorCss$3 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
13602
13602
|
|
|
13603
|
-
var styleCss$4 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
13603
|
+
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)}`;
|
|
13604
13604
|
|
|
13605
13605
|
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)}`;
|
|
13606
13606
|
|
|
@@ -15504,13 +15504,15 @@ class AuroBibtemplate extends LitElement {
|
|
|
15504
15504
|
<div id="bibTemplate" part="bibtemplate">
|
|
15505
15505
|
${this.isFullscreen ? html`
|
|
15506
15506
|
<div id="headerContainer">
|
|
15507
|
-
|
|
15508
|
-
<${this.
|
|
15509
|
-
|
|
15510
|
-
|
|
15511
|
-
|
|
15512
|
-
|
|
15513
|
-
|
|
15507
|
+
<div class="titleRow">
|
|
15508
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
15509
|
+
<slot name="header"></slot>
|
|
15510
|
+
</${this.headerTag}>
|
|
15511
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
15512
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
15513
|
+
</${this.buttonTag}>
|
|
15514
|
+
</div>
|
|
15515
|
+
<span class="subheader">
|
|
15514
15516
|
<slot name="subheader"></slot>
|
|
15515
15517
|
</span>
|
|
15516
15518
|
</div>` : null}
|
|
@@ -15530,7 +15532,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
15530
15532
|
|
|
15531
15533
|
var bibTemplateVersion = '1.0.0';
|
|
15532
15534
|
|
|
15533
|
-
var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block}:host [auro-input]{--ds-auro-input-background-color: transparent}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
15535
|
+
var styleCss$1 = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block}:host [auro-input]{--ds-auro-input-background-color: transparent}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
15534
15536
|
|
|
15535
15537
|
var styleEmphasizedCss = css`:host([layout*=emphasized][shape*=pill]) [auro-input]{width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}`;
|
|
15536
15538
|
|
|
@@ -16929,6 +16931,7 @@ class AuroCombobox extends AuroElement {
|
|
|
16929
16931
|
<slot name="bib.fullscreen.headline" slot="header"></slot>
|
|
16930
16932
|
<slot></slot>
|
|
16931
16933
|
<${this.inputTag}
|
|
16934
|
+
id="inputInBib"
|
|
16932
16935
|
@input="${this.handleInputValueChange}"
|
|
16933
16936
|
.a11yControls="${this.dropdownId}"
|
|
16934
16937
|
.autocomplete="${this.autocomplete}"
|
|
@@ -3088,7 +3088,7 @@ class AuroCounter extends i$2 {
|
|
|
3088
3088
|
tabindex="${this.disabled ? '-1' : '0'}"
|
|
3089
3089
|
>
|
|
3090
3090
|
<auro-counter-button
|
|
3091
|
-
aria-
|
|
3091
|
+
aria-label="-"
|
|
3092
3092
|
.tabindex="${'-1'}"
|
|
3093
3093
|
part="controlMinus"
|
|
3094
3094
|
@click="${() => this.decrement()}"
|
|
@@ -3103,7 +3103,7 @@ class AuroCounter extends i$2 {
|
|
|
3103
3103
|
</div>
|
|
3104
3104
|
|
|
3105
3105
|
<auro-counter-button
|
|
3106
|
-
aria-
|
|
3106
|
+
aria-label="+"
|
|
3107
3107
|
.tabindex="${'-1'}"
|
|
3108
3108
|
part="controlPlus"
|
|
3109
3109
|
@click="${() => this.increment()}"
|
|
@@ -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}
|
|
@@ -3088,7 +3088,7 @@ class AuroCounter extends i$2 {
|
|
|
3088
3088
|
tabindex="${this.disabled ? '-1' : '0'}"
|
|
3089
3089
|
>
|
|
3090
3090
|
<auro-counter-button
|
|
3091
|
-
aria-
|
|
3091
|
+
aria-label="-"
|
|
3092
3092
|
.tabindex="${'-1'}"
|
|
3093
3093
|
part="controlMinus"
|
|
3094
3094
|
@click="${() => this.decrement()}"
|
|
@@ -3103,7 +3103,7 @@ class AuroCounter extends i$2 {
|
|
|
3103
3103
|
</div>
|
|
3104
3104
|
|
|
3105
3105
|
<auro-counter-button
|
|
3106
|
-
aria-
|
|
3106
|
+
aria-label="+"
|
|
3107
3107
|
.tabindex="${'-1'}"
|
|
3108
3108
|
part="controlPlus"
|
|
3109
3109
|
@click="${() => this.increment()}"
|
|
@@ -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}
|
|
@@ -3041,7 +3041,7 @@ class AuroCounter extends LitElement {
|
|
|
3041
3041
|
tabindex="${this.disabled ? '-1' : '0'}"
|
|
3042
3042
|
>
|
|
3043
3043
|
<auro-counter-button
|
|
3044
|
-
aria-
|
|
3044
|
+
aria-label="-"
|
|
3045
3045
|
.tabindex="${'-1'}"
|
|
3046
3046
|
part="controlMinus"
|
|
3047
3047
|
@click="${() => this.decrement()}"
|
|
@@ -3056,7 +3056,7 @@ class AuroCounter extends LitElement {
|
|
|
3056
3056
|
</div>
|
|
3057
3057
|
|
|
3058
3058
|
<auro-counter-button
|
|
3059
|
-
aria-
|
|
3059
|
+
aria-label="+"
|
|
3060
3060
|
.tabindex="${'-1'}"
|
|
3061
3061
|
part="controlPlus"
|
|
3062
3062
|
@click="${() => this.increment()}"
|
|
@@ -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}
|
|
@@ -3041,7 +3041,7 @@ class AuroCounter extends LitElement {
|
|
|
3041
3041
|
tabindex="${this.disabled ? '-1' : '0'}"
|
|
3042
3042
|
>
|
|
3043
3043
|
<auro-counter-button
|
|
3044
|
-
aria-
|
|
3044
|
+
aria-label="-"
|
|
3045
3045
|
.tabindex="${'-1'}"
|
|
3046
3046
|
part="controlMinus"
|
|
3047
3047
|
@click="${() => this.decrement()}"
|
|
@@ -3056,7 +3056,7 @@ class AuroCounter extends LitElement {
|
|
|
3056
3056
|
</div>
|
|
3057
3057
|
|
|
3058
3058
|
<auro-counter-button
|
|
3059
|
-
aria-
|
|
3059
|
+
aria-label="+"
|
|
3060
3060
|
.tabindex="${'-1'}"
|
|
3061
3061
|
part="controlPlus"
|
|
3062
3062
|
@click="${() => this.increment()}"
|
|
@@ -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}
|
|
@@ -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}
|
|
@@ -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}
|
|
@@ -5358,7 +5358,7 @@ var dropdownVersion = '3.0.0';
|
|
|
5358
5358
|
|
|
5359
5359
|
var colorCss$3 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
5360
5360
|
|
|
5361
|
-
var styleCss$4 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
5361
|
+
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)}`;
|
|
5362
5362
|
|
|
5363
5363
|
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)}`;
|
|
5364
5364
|
|
|
@@ -7262,13 +7262,15 @@ class AuroBibtemplate extends LitElement {
|
|
|
7262
7262
|
<div id="bibTemplate" part="bibtemplate">
|
|
7263
7263
|
${this.isFullscreen ? html`
|
|
7264
7264
|
<div id="headerContainer">
|
|
7265
|
-
|
|
7266
|
-
<${this.
|
|
7267
|
-
|
|
7268
|
-
|
|
7269
|
-
|
|
7270
|
-
|
|
7271
|
-
|
|
7265
|
+
<div class="titleRow">
|
|
7266
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
7267
|
+
<slot name="header"></slot>
|
|
7268
|
+
</${this.headerTag}>
|
|
7269
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
7270
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
7271
|
+
</${this.buttonTag}>
|
|
7272
|
+
</div>
|
|
7273
|
+
<span class="subheader">
|
|
7272
7274
|
<slot name="subheader"></slot>
|
|
7273
7275
|
</span>
|
|
7274
7276
|
</div>` : null}
|
|
@@ -5358,7 +5358,7 @@ var dropdownVersion = '3.0.0';
|
|
|
5358
5358
|
|
|
5359
5359
|
var colorCss$3 = css`#headerContainer{box-shadow:var(--ds-auro-dropdownbib-header-boxshadow-color)}#footerContainer{background-color:var(--ds-auro-dropdownbib-footer-container-color)}`;
|
|
5360
5360
|
|
|
5361
|
-
var styleCss$4 = css`#bibTemplate{display:flex;overflow:hidden;height:100%;max-height:100%;flex-direction:column}#headerContainer{display:flex;flex-direction:column
|
|
5361
|
+
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)}`;
|
|
5362
5362
|
|
|
5363
5363
|
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)}`;
|
|
5364
5364
|
|
|
@@ -7262,13 +7262,15 @@ class AuroBibtemplate extends LitElement {
|
|
|
7262
7262
|
<div id="bibTemplate" part="bibtemplate">
|
|
7263
7263
|
${this.isFullscreen ? html`
|
|
7264
7264
|
<div id="headerContainer">
|
|
7265
|
-
|
|
7266
|
-
<${this.
|
|
7267
|
-
|
|
7268
|
-
|
|
7269
|
-
|
|
7270
|
-
|
|
7271
|
-
|
|
7265
|
+
<div class="titleRow">
|
|
7266
|
+
<${this.headerTag} class="header" display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
|
|
7267
|
+
<slot name="header"></slot>
|
|
7268
|
+
</${this.headerTag}>
|
|
7269
|
+
<${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
|
|
7270
|
+
<${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
|
|
7271
|
+
</${this.buttonTag}>
|
|
7272
|
+
</div>
|
|
7273
|
+
<span class="subheader">
|
|
7272
7274
|
<slot name="subheader"></slot>
|
|
7273
7275
|
</span>
|
|
7274
7276
|
</div>` : null}
|
package/package.json
CHANGED