@aurodesignsystem-dev/auro-pane 0.0.0-pr110.1 → 0.0.0-pr112.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +49 -59
- package/demo/api.md +111 -80
- package/demo/auro-pane.min.js +49 -13
- package/demo/index.md +23 -113
- package/dist/auro-pane-C311Werz.js +24 -0
- package/dist/index.d.ts +193 -31
- package/dist/index.js +1 -1
- package/dist/registered.js +1 -1
- package/package.json +15 -8
- package/dist/auro-pane-CSwVDNb5.js +0 -24
package/demo/index.md
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
<!--
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
THIS PAGE'S CONTENT SHOULD BE KEPT MINIMAL.
|
|
3
|
+
ONLY ADD EXAMPLES THAT ARE TRULY NECESSARY FOR THE INDEX PAGE — THE BASIC EXAMPLE IS USUALLY ENOUGH.
|
|
4
|
+
ALL OTHER EXAMPLES SHOULD GO IN THE API DOCUMENTATION.
|
|
5
5
|
-->
|
|
6
6
|
|
|
7
|
-
# Pane
|
|
8
|
-
|
|
9
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src
|
|
10
|
-
<!-- The below content is automatically added from
|
|
7
|
+
# Pane
|
|
8
|
+
|
|
9
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/description.md) -->
|
|
10
|
+
<!-- The below content is automatically added from ./../docs/partials/description.md -->
|
|
11
11
|
`<auro-pane>` is a [HTML custom element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) displaying selectable shoulder dates and associated prices.
|
|
12
12
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
13
13
|
|
|
14
|
-
##
|
|
15
|
-
|
|
16
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src
|
|
17
|
-
<!-- The below content is automatically added from
|
|
14
|
+
## Use Cases
|
|
15
|
+
|
|
16
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/useCases.md) -->
|
|
17
|
+
<!-- The below content is automatically added from ./../docs/partials/useCases.md -->
|
|
18
18
|
The `<auro-pane>` element should be used in situations where users may:
|
|
19
19
|
|
|
20
20
|
* Select a date to see available flight options
|
|
@@ -23,116 +23,26 @@ The `<auro-pane>` element should be used in situations where users may:
|
|
|
23
23
|
|
|
24
24
|
## Example(s)
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
<div class="exampleWrapper">
|
|
29
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/basic.html) -->
|
|
30
|
-
<!-- The below content is automatically added from ../apiExamples/basic.html -->
|
|
31
|
-
<auro-pane date="2020-09-20"></auro-pane>
|
|
32
|
-
<auro-pane date="2020-09-21" selected></auro-pane>
|
|
33
|
-
<auro-pane date="2020-09-22" disabled></auro-pane>
|
|
34
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
35
|
-
</div>
|
|
36
|
-
<auro-accordion alignRight>
|
|
37
|
-
<span slot="trigger">See code</span>
|
|
38
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/basic.html) -->
|
|
39
|
-
<!-- The below code snippet is automatically added from ../apiExamples/basic.html -->
|
|
26
|
+
### Basic
|
|
40
27
|
|
|
41
|
-
```html
|
|
42
|
-
<auro-pane date="2020-09-20"></auro-pane>
|
|
43
|
-
<auro-pane date="2020-09-21" selected></auro-pane>
|
|
44
|
-
<auro-pane date="2020-09-22" disabled></auro-pane>
|
|
45
|
-
```
|
|
46
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
47
|
-
</auro-accordion>
|
|
48
|
-
|
|
49
|
-
### Display date and price
|
|
50
|
-
|
|
51
|
-
Default using both `date` and `price` attributes.
|
|
52
|
-
|
|
53
|
-
<div class="exampleWrapper">
|
|
54
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/dateAndPrice.html) -->
|
|
55
|
-
<!-- The below content is automatically added from ../apiExamples/dateAndPrice.html -->
|
|
56
|
-
<auro-pane date="2020-09-20" price="$500"></auro-pane>
|
|
57
|
-
<auro-pane date="2020-09-21" price="$501" selected="true"></auro-pane>
|
|
58
|
-
<auro-pane date="2020-09-22" price="$480" disabled="true"></auro-pane>
|
|
59
|
-
<auro-pane date="2020-09-23" price="$999,999"></auro-pane> <!-- isPriceLong -->
|
|
60
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
61
|
-
</div>
|
|
62
|
-
<auro-accordion alignRight>
|
|
63
|
-
<span slot="trigger">See code</span>
|
|
64
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/dateAndPrice.html) -->
|
|
65
|
-
<!-- The below code snippet is automatically added from ../apiExamples/dateAndPrice.html -->
|
|
66
|
-
|
|
67
|
-
```html
|
|
68
|
-
<auro-pane date="2020-09-20" price="$500"></auro-pane>
|
|
69
|
-
<auro-pane date="2020-09-21" price="$501" selected="true"></auro-pane>
|
|
70
|
-
<auro-pane date="2020-09-22" price="$480" disabled="true"></auro-pane>
|
|
71
|
-
<auro-pane date="2020-09-23" price="$999,999"></auro-pane> <!-- isPriceLong -->
|
|
72
|
-
```
|
|
73
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
74
|
-
</auro-accordion>
|
|
75
|
-
|
|
76
|
-
### Small - Use sm size
|
|
77
|
-
|
|
78
|
-
<span style="background-color: #ffebee; color: #c62828; padding: 2px 4px; border-radius: 3px; font-size: 0.75em;">DEPRECATED</span> - This attribute is deprecated and will be removed in a future version.
|
|
79
|
-
|
|
80
|
-
Use the `sm` attribute to render the small UI that is consistent with mobile and desktop.
|
|
81
|
-
|
|
82
|
-
<div class="exampleWrapper">
|
|
83
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/small.html) -->
|
|
84
|
-
<!-- The below content is automatically added from ../apiExamples/small.html -->
|
|
85
|
-
<auro-pane date="2020-09-20" price="$500" sm></auro-pane>
|
|
86
|
-
<auro-pane date="2020-09-21" price="$501" selected="true" sm></auro-pane>
|
|
87
|
-
<auro-pane date="2020-09-22" price="$480" disabled="true" sm></auro-pane>
|
|
88
|
-
<auro-pane date="2020-09-23" price="$9,999,999" sm></auro-pane> <!-- isPriceLong -->
|
|
89
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
90
|
-
</div>
|
|
91
|
-
<auro-accordion alignRight>
|
|
92
|
-
<span slot="trigger">See code</span>
|
|
93
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/small.html) -->
|
|
94
|
-
<!-- The below code snippet is automatically added from ../apiExamples/small.html -->
|
|
95
|
-
|
|
96
|
-
```html
|
|
97
|
-
<auro-pane date="2020-09-20" price="$500" sm></auro-pane>
|
|
98
|
-
<auro-pane date="2020-09-21" price="$501" selected="true" sm></auro-pane>
|
|
99
|
-
<auro-pane date="2020-09-22" price="$480" disabled="true" sm></auro-pane>
|
|
100
|
-
<auro-pane date="2020-09-23" price="$9,999,999" sm></auro-pane> <!-- isPriceLong -->
|
|
101
|
-
```
|
|
102
|
-
<!-- AURO-GENERATED-CONTENT:END -->
|
|
103
|
-
</auro-accordion>
|
|
104
|
-
|
|
105
|
-
## Recommended Use and Version Control
|
|
106
|
-
|
|
107
|
-
There are two important parts of every Auro component. The <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</a> and the custom element. The class is exported and then used as part of defining the Web Component. When importing this component as described in the <a href="#install">install</a> section, the class is imported and the `auro-pane` custom element is defined automatically.
|
|
108
|
-
|
|
109
|
-
To protect from versioning conflicts with other instances of the component being loaded, it is recommended to use our `AuroPane.register(name)` method and pass in a unique name.
|
|
110
|
-
|
|
111
|
-
```js
|
|
112
|
-
import { AuroPane } from '@aurodesignsystem/auro-pane/class';
|
|
113
|
-
|
|
114
|
-
AuroPane.register('custom-pane');
|
|
115
|
-
```
|
|
116
|
-
|
|
117
|
-
This will create a new custom element that you can use in your HTML that will function identically to the `auro-pane` element.
|
|
118
|
-
|
|
119
28
|
<div class="exampleWrapper">
|
|
120
|
-
<!-- AURO-GENERATED-CONTENT:START (FILE:src
|
|
121
|
-
<!-- The below content is automatically added from
|
|
122
|
-
<
|
|
123
|
-
<
|
|
124
|
-
<
|
|
29
|
+
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
|
|
30
|
+
<!-- The below content is automatically added from ./../apiExamples/basic.html -->
|
|
31
|
+
<auro-pane date="2025-09-20"></auro-pane>
|
|
32
|
+
<auro-pane date="2025-09-21" selected></auro-pane>
|
|
33
|
+
<auro-pane date="2025-09-22" disabled></auro-pane>
|
|
125
34
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
126
35
|
</div>
|
|
127
36
|
<auro-accordion alignRight>
|
|
128
37
|
<span slot="trigger">See code</span>
|
|
129
|
-
<!-- AURO-GENERATED-CONTENT:START (CODE:src
|
|
130
|
-
<!-- The below code snippet is automatically added from
|
|
38
|
+
<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/basic.html) -->
|
|
39
|
+
<!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
|
|
131
40
|
|
|
132
41
|
```html
|
|
133
|
-
<
|
|
134
|
-
<
|
|
135
|
-
<
|
|
42
|
+
<auro-pane date="2025-09-20"></auro-pane>
|
|
43
|
+
<auro-pane date="2025-09-21" selected></auro-pane>
|
|
44
|
+
<auro-pane date="2025-09-22" disabled></auro-pane>
|
|
136
45
|
```
|
|
137
46
|
<!-- AURO-GENERATED-CONTENT:END -->
|
|
138
47
|
</auro-accordion>
|
|
48
|
+
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import{unsafeStatic as e,literal as t,html as a}from"lit/static-html.js";import{LitElement as n,html as r,css as s}from"lit";import{classMap as i}from"lit/directives/class-map.js";import{ifDefined as o}from"lit/directives/if-defined.js";class c{generateElementName(e,t){let a=e;return a+="-",a+=t.replace(/[.]/g,"_"),a}generateTag(a,n,r){const s=this.generateElementName(a,n),i=t`${e(s)}`;return customElements.get(s)||customElements.define(s,class extends r{}),i}}class l{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,a=(t,n=t&&t.closest(e))=>t&&t!==document&&t!==window?n||a(t.getRootNode().host):null){return a(t)}handleComponentTagRename(e,t){const a=t.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,!0)}elementMatch(e,t){const a=t.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}getSlotText(e,t){const a=e.shadowRoot?.querySelector(`slot[name="${t}"]`);return(a?.assignedNodes({flatten:!0})||[]).map(e=>e.textContent?.trim()).join(" ").trim()||null}}const d=6048e5,u=Symbol.for("constructDateFrom");function m(e,t){return"function"==typeof e?e(t):e&&"object"==typeof e&&u in e?e[u](t):e instanceof Date?new e.constructor(t):new Date(t)}function h(e,t){return m(t||e,e)}let f={};function g(){return f}function w(e,t){const a=g(),n=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??a.weekStartsOn??a.locale?.options?.weekStartsOn??0,r=h(e,t?.in),s=r.getDay(),i=(s<n?7:0)+s-n;return r.setDate(r.getDate()-i),r.setHours(0,0,0,0),r}function p(e,t){return w(e,{...t,weekStartsOn:1})}function y(e,t){const a=h(e,t?.in),n=a.getFullYear(),r=m(a,0);r.setFullYear(n+1,0,4),r.setHours(0,0,0,0);const s=p(r),i=m(a,0);i.setFullYear(n,0,4),i.setHours(0,0,0,0);const o=p(i);return a.getTime()>=s.getTime()?n+1:a.getTime()>=o.getTime()?n:n-1}function v(e){const t=h(e),a=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return a.setUTCFullYear(t.getFullYear()),+e-+a}function b(e,t){const a=h(e,t?.in);return a.setHours(0,0,0,0),a}function x(e,t,a){const[n,r]=function(e,...t){const a=m.bind(null,t.find(e=>"object"==typeof e));return t.map(a)}(0,e,t),s=b(n),i=b(r),o=+s-v(s),c=+i-v(i);return Math.round((o-c)/864e5)}function S(e){return!(!((t=e)instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t))&&"number"!=typeof e||isNaN(+h(e)));var t}const k={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function M(e){return(t={})=>{const a=t.width?String(t.width):e.defaultWidth;return e.formats[a]||e.formats[e.defaultWidth]}}const z={date:M({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:M({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:M({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},D={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function T(e){return(t,a)=>{let n;if("formatting"===(a?.context?String(a.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth||e.defaultWidth,r=a?.width?String(a.width):t;n=e.formattingValues[r]||e.formattingValues[t]}else{const t=e.defaultWidth,r=a?.width?String(a.width):e.defaultWidth;n=e.values[r]||e.values[t]}return n[e.argumentCallback?e.argumentCallback(t):t]}}function C(e){return(t,a={})=>{const n=a.width,r=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],s=t.match(r);if(!s)return null;const i=s[0],o=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(o)?function(e,t){for(let a=0;a<e.length;a++)if(t(e[a]))return a;return}(o,e=>e.test(i)):function(e,t){for(const a in e)if(Object.prototype.hasOwnProperty.call(e,a)&&t(e[a]))return a;return}(o,e=>e.test(i));let l;l=e.valueCallback?e.valueCallback(c):c,l=a.valueCallback?a.valueCallback(l):l;return{value:l,rest:t.slice(i.length)}}}var N;const P={code:"en-US",formatDistance:(e,t,a)=>{let n;const r=k[e];return n="string"==typeof r?r:1===t?r.one:r.other.replace("{{count}}",t.toString()),a?.addSuffix?a.comparison&&a.comparison>0?"in "+n:n+" ago":n},formatLong:z,formatRelative:(e,t,a,n)=>D[e],localize:{ordinalNumber:(e,t)=>{const a=Number(e),n=a%100;if(n>20||n<10)switch(n%10){case 1:return a+"st";case 2:return a+"nd";case 3:return a+"rd"}return a+"th"},era:T({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:T({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:T({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:T({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:T({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(N={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,t={})=>{const a=e.match(N.matchPattern);if(!a)return null;const n=a[0],r=e.match(N.parsePattern);if(!r)return null;let s=N.valueCallback?N.valueCallback(r[0]):r[0];return s=t.valueCallback?t.valueCallback(s):s,{value:s,rest:e.slice(n.length)}}),era:C({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:C({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:C({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:C({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:C({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function A(e,t){const a=h(e,t?.in),n=x(a,function(e,t){const a=h(e,t?.in);return a.setFullYear(a.getFullYear(),0,1),a.setHours(0,0,0,0),a}(a));return n+1}function H(e,t){const a=h(e,t?.in),n=+p(a)-+function(e,t){const a=y(e,t),n=m(e,0);return n.setFullYear(a,0,4),n.setHours(0,0,0,0),p(n)}(a);return Math.round(n/d)+1}function W(e,t){const a=h(e,t?.in),n=a.getFullYear(),r=g(),s=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,i=m(t?.in||e,0);i.setFullYear(n+1,0,s),i.setHours(0,0,0,0);const o=w(i,t),c=m(t?.in||e,0);c.setFullYear(n,0,s),c.setHours(0,0,0,0);const l=w(c,t);return+a>=+o?n+1:+a>=+l?n:n-1}function F(e,t){const a=h(e,t?.in),n=+w(a,t)-+function(e,t){const a=g(),n=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??a.firstWeekContainsDate??a.locale?.options?.firstWeekContainsDate??1,r=W(e,t),s=m(t?.in||e,0);return s.setFullYear(r,0,n),s.setHours(0,0,0,0),w(s,t)}(a,t);return Math.round(n/d)+1}function B(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}const O={y(e,t){const a=e.getFullYear(),n=a>0?a:1-a;return B("yy"===t?n%100:n,t.length)},M(e,t){const a=e.getMonth();return"M"===t?String(a+1):B(a+1,2)},d:(e,t)=>B(e.getDate(),t.length),a(e,t){const a=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return a.toUpperCase();case"aaa":return a;case"aaaaa":return a[0];default:return"am"===a?"a.m.":"p.m."}},h:(e,t)=>B(e.getHours()%12||12,t.length),H:(e,t)=>B(e.getHours(),t.length),m:(e,t)=>B(e.getMinutes(),t.length),s:(e,t)=>B(e.getSeconds(),t.length),S(e,t){const a=t.length,n=e.getMilliseconds();return B(Math.trunc(n*Math.pow(10,a-3)),t.length)}},U="midnight",E="noon",R="morning",L="afternoon",Y="evening",q="night",I={G:function(e,t,a){const n=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return a.era(n,{width:"abbreviated"});case"GGGGG":return a.era(n,{width:"narrow"});default:return a.era(n,{width:"wide"})}},y:function(e,t,a){if("yo"===t){const t=e.getFullYear(),n=t>0?t:1-t;return a.ordinalNumber(n,{unit:"year"})}return O.y(e,t)},Y:function(e,t,a,n){const r=W(e,n),s=r>0?r:1-r;if("YY"===t){return B(s%100,2)}return"Yo"===t?a.ordinalNumber(s,{unit:"year"}):B(s,t.length)},R:function(e,t){return B(y(e),t.length)},u:function(e,t){return B(e.getFullYear(),t.length)},Q:function(e,t,a){const n=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(n);case"QQ":return B(n,2);case"Qo":return a.ordinalNumber(n,{unit:"quarter"});case"QQQ":return a.quarter(n,{width:"abbreviated",context:"formatting"});case"QQQQQ":return a.quarter(n,{width:"narrow",context:"formatting"});default:return a.quarter(n,{width:"wide",context:"formatting"})}},q:function(e,t,a){const n=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(n);case"qq":return B(n,2);case"qo":return a.ordinalNumber(n,{unit:"quarter"});case"qqq":return a.quarter(n,{width:"abbreviated",context:"standalone"});case"qqqqq":return a.quarter(n,{width:"narrow",context:"standalone"});default:return a.quarter(n,{width:"wide",context:"standalone"})}},M:function(e,t,a){const n=e.getMonth();switch(t){case"M":case"MM":return O.M(e,t);case"Mo":return a.ordinalNumber(n+1,{unit:"month"});case"MMM":return a.month(n,{width:"abbreviated",context:"formatting"});case"MMMMM":return a.month(n,{width:"narrow",context:"formatting"});default:return a.month(n,{width:"wide",context:"formatting"})}},L:function(e,t,a){const n=e.getMonth();switch(t){case"L":return String(n+1);case"LL":return B(n+1,2);case"Lo":return a.ordinalNumber(n+1,{unit:"month"});case"LLL":return a.month(n,{width:"abbreviated",context:"standalone"});case"LLLLL":return a.month(n,{width:"narrow",context:"standalone"});default:return a.month(n,{width:"wide",context:"standalone"})}},w:function(e,t,a,n){const r=F(e,n);return"wo"===t?a.ordinalNumber(r,{unit:"week"}):B(r,t.length)},I:function(e,t,a){const n=H(e);return"Io"===t?a.ordinalNumber(n,{unit:"week"}):B(n,t.length)},d:function(e,t,a){return"do"===t?a.ordinalNumber(e.getDate(),{unit:"date"}):O.d(e,t)},D:function(e,t,a){const n=A(e);return"Do"===t?a.ordinalNumber(n,{unit:"dayOfYear"}):B(n,t.length)},E:function(e,t,a){const n=e.getDay();switch(t){case"E":case"EE":case"EEE":return a.day(n,{width:"abbreviated",context:"formatting"});case"EEEEE":return a.day(n,{width:"narrow",context:"formatting"});case"EEEEEE":return a.day(n,{width:"short",context:"formatting"});default:return a.day(n,{width:"wide",context:"formatting"})}},e:function(e,t,a,n){const r=e.getDay(),s=(r-n.weekStartsOn+8)%7||7;switch(t){case"e":return String(s);case"ee":return B(s,2);case"eo":return a.ordinalNumber(s,{unit:"day"});case"eee":return a.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return a.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return a.day(r,{width:"short",context:"formatting"});default:return a.day(r,{width:"wide",context:"formatting"})}},c:function(e,t,a,n){const r=e.getDay(),s=(r-n.weekStartsOn+8)%7||7;switch(t){case"c":return String(s);case"cc":return B(s,t.length);case"co":return a.ordinalNumber(s,{unit:"day"});case"ccc":return a.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return a.day(r,{width:"narrow",context:"standalone"});case"cccccc":return a.day(r,{width:"short",context:"standalone"});default:return a.day(r,{width:"wide",context:"standalone"})}},i:function(e,t,a){const n=e.getDay(),r=0===n?7:n;switch(t){case"i":return String(r);case"ii":return B(r,t.length);case"io":return a.ordinalNumber(r,{unit:"day"});case"iii":return a.day(n,{width:"abbreviated",context:"formatting"});case"iiiii":return a.day(n,{width:"narrow",context:"formatting"});case"iiiiii":return a.day(n,{width:"short",context:"formatting"});default:return a.day(n,{width:"wide",context:"formatting"})}},a:function(e,t,a){const n=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return a.dayPeriod(n,{width:"abbreviated",context:"formatting"});case"aaa":return a.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return a.dayPeriod(n,{width:"narrow",context:"formatting"});default:return a.dayPeriod(n,{width:"wide",context:"formatting"})}},b:function(e,t,a){const n=e.getHours();let r;switch(r=12===n?E:0===n?U:n/12>=1?"pm":"am",t){case"b":case"bb":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return a.dayPeriod(r,{width:"narrow",context:"formatting"});default:return a.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,a){const n=e.getHours();let r;switch(r=n>=17?Y:n>=12?L:n>=4?R:q,t){case"B":case"BB":case"BBB":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return a.dayPeriod(r,{width:"narrow",context:"formatting"});default:return a.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,a){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),a.ordinalNumber(t,{unit:"hour"})}return O.h(e,t)},H:function(e,t,a){return"Ho"===t?a.ordinalNumber(e.getHours(),{unit:"hour"}):O.H(e,t)},K:function(e,t,a){const n=e.getHours()%12;return"Ko"===t?a.ordinalNumber(n,{unit:"hour"}):B(n,t.length)},k:function(e,t,a){let n=e.getHours();return 0===n&&(n=24),"ko"===t?a.ordinalNumber(n,{unit:"hour"}):B(n,t.length)},m:function(e,t,a){return"mo"===t?a.ordinalNumber(e.getMinutes(),{unit:"minute"}):O.m(e,t)},s:function(e,t,a){return"so"===t?a.ordinalNumber(e.getSeconds(),{unit:"second"}):O.s(e,t)},S:function(e,t){return O.S(e,t)},X:function(e,t,a){const n=e.getTimezoneOffset();if(0===n)return"Z";switch(t){case"X":return j(n);case"XXXX":case"XX":return G(n);default:return G(n,":")}},x:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case"x":return j(n);case"xxxx":case"xx":return G(n);default:return G(n,":")}},O:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+$(n,":");default:return"GMT"+G(n,":")}},z:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+$(n,":");default:return"GMT"+G(n,":")}},t:function(e,t,a){return B(Math.trunc(+e/1e3),t.length)},T:function(e,t,a){return B(+e,t.length)}};function $(e,t=""){const a=e>0?"-":"+",n=Math.abs(e),r=Math.trunc(n/60),s=n%60;return 0===s?a+String(r):a+String(r)+t+B(s,2)}function j(e,t){if(e%60==0){return(e>0?"-":"+")+B(Math.abs(e)/60,2)}return G(e,t)}function G(e,t=""){const a=e>0?"-":"+",n=Math.abs(e);return a+B(Math.trunc(n/60),2)+t+B(n%60,2)}const Q=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},X=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},J={p:X,P:(e,t)=>{const a=e.match(/(P+)(p+)?/)||[],n=a[1],r=a[2];if(!r)return Q(e,t);let s;switch(n){case"P":s=t.dateTime({width:"short"});break;case"PP":s=t.dateTime({width:"medium"});break;case"PPP":s=t.dateTime({width:"long"});break;default:s=t.dateTime({width:"full"})}return s.replace("{{date}}",Q(n,t)).replace("{{time}}",X(r,t))}},Z=/^D+$/,V=/^Y+$/,K=["D","DD","YY","YYYY"];const _=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ee=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,te=/^'([^]*?)'?$/,ae=/''/g,ne=/[a-zA-Z]/;function re(e,t,a){const n=g(),r=n.locale??P,s=n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=n.weekStartsOn??n.locale?.options?.weekStartsOn??0,o=h(e,a?.in);if(!S(o))throw new RangeError("Invalid time value");let c=t.match(ee).map(e=>{const t=e[0];if("p"===t||"P"===t){return(0,J[t])(e,r.formatLong)}return e}).join("").match(_).map(e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:se(e)};if(I[t])return{isToken:!0,value:e};if(t.match(ne))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});r.localize.preprocessor&&(c=r.localize.preprocessor(o,c));const l={firstWeekContainsDate:s,weekStartsOn:i,locale:r};return c.map(a=>{if(!a.isToken)return a.value;const n=a.value;(function(e){return V.test(e)}(n)||function(e){return Z.test(e)}(n))&&function(e,t,a){const n=function(e,t,a){const n="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${n} to the input \`${a}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,a);if(console.warn(n),K.includes(e))throw new RangeError(n)}(n,t,String(e));return(0,I[n[0]])(o,n,r.localize,l)}).join("")}function se(e){const t=e.match(te);return t?t[1].replace(ae,"'"):e}class ie{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{})}closestElement(e,t=this,a=(t,n=t&&t.closest(e))=>t&&t!==document&&t!==window?n||a(t.getRootNode().host):null){return a(t)}handleComponentTagRename(e,t){const a=t.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,!0)}elementMatch(e,t){const a=t.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}class oe extends n{constructor(){super(),this.weekday="short",this.month="short",this.runtimeUtils=new ie}connectedCallback(){super.connectedCallback(),this.dateTemplate={weekday:this.weekday,year:"numeric",month:this.month,day:"numeric"},this.timeTemplate={hour:"2-digit",minute:"2-digit",timeZone:this.timeZone},this.template={}}static get properties(){return{type:{type:String},utc:{type:String},weekday:{type:String},month:{type:String},timeZone:{type:String},setDate:{type:String},cap:{type:Boolean}}}static register(e="auro-datetime"){ie.prototype.registerComponent(e,oe)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-datetime")}humanDate(){let e=new Date;return this.utc?(this.dateTemplate.timeZone="UTC",e=new Date(this.utc)):this.setDate&&(e=new Date(this.setDate)),e.toLocaleString("en-us",this.dateTemplate)}humanDateConversion(){let e=new Date;switch(this.utc?(this.template.timeZone="UTC",e=new Date(this.utc)):this.setDate&&(e=new Date(this.setDate)),this.type){case"day":this.template.day="numeric";break;case"month":this.template.month=this.month;break;case"year":this.template.year="numeric";break;case"weekday":this.template.weekday=this.weekday;break;default:this.template.weekday=this.template}return e.toLocaleString("en-us",this.template)}numericDate(){this.dateTemplate.month="numeric",Reflect.deleteProperty(this.dateTemplate,"weekday");let e=new Date;return this.utc?(this.dateTemplate.timeZone="UTC",e=new Date(this.utc)):this.setDate&&(e=new Date(this.setDate)),e.toLocaleString("en-us",this.dateTemplate)}humanTime(){let e=new Date;return this.utc?(this.timeTemplate.timeZone="UTC",e=new Date(this.utc)):this.setDate&&(e=new Date(this.setDate)),this.cap?e.toLocaleString("en-us",this.timeTemplate).replace(/^0+/u,""):e.toLocaleString("en-us",this.timeTemplate).replace(/^0+/u,"").toLowerCase()}tzTime(e){const t=this.setDate.slice(0,-6),a=new Date(t);return this.cap?a.toLocaleString("en-us",e).replace(/^0+/u,""):a.toLocaleString("en-us",e).replace(/^0+/u,"").replace("AM","am").replace("PM","pm")}whichDate(){let e="";switch(this.type){case"date":e=this.humanDate();break;case"tzDate":e=this.tzTime(this.dateTemplate);break;case"tzTime":e=this.tzTime(this.timeTemplate);break;case"time":e=this.humanTime();break;case"year":case"month":case"weekday":case"day":e=this.humanDateConversion();break;case"numeric":e=this.numericDate();break;default:this.humanDate()}return this.setDate&&!this.type||this.utc&&!this.type?this.humanDate():e}render(){return r`
|
|
2
|
+
<slot name="pre"></slot>
|
|
3
|
+
<span class="yield">${this.whichDate()}</span>
|
|
4
|
+
<slot name="post"></slot>
|
|
5
|
+
<slot></slot>
|
|
6
|
+
`}}var ce=s`.pane{border-color:var(--ds-auro-pane-border-color);background-color:var(--ds-auro-pane-container-color)}@media (hover: hover){.pane:hover{--ds-auro-pane-container-color: var(--ds-advanced-color-boolean-isfalse-hover, #f2f2f2)}}.pane:disabled{--ds-auro-pane-container-color: var(--ds-advanced-color-boolean-isfalse, #ffffff);--ds-auro-pane-day-of-week-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-pane-date-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-pane-price-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-pane-price-empty-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0)}.pane:focus,.pane:focus-visible{border-color:var(--ds-advanced-color-state-focused, #01426a);outline:none}.isSelected{--ds-auro-pane-border-color: var(--ds-advanced-color-boolean-istrue, #01426a);--ds-auro-pane-container-color: var(--ds-advanced-color-boolean-istrue, #01426a);--ds-auro-pane-day-of-week-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-pane-date-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-pane-price-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-pane-price-empty-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}@media (hover: hover){.isSelected:hover{--ds-auro-pane-border-color: var(--ds-advanced-color-boolean-istrue-hover, #00274a);--ds-auro-pane-container-color: var(--ds-advanced-color-boolean-istrue-hover, #00274a)}}.isSelected:focus,.isSelected:focus-visible{box-shadow:inset 0 0 0 3px var(--ds-auro-pane-boxshadow-color)}.dayOfTheWeek{color:var(--ds-auro-pane-day-of-week-text-color)}.date{color:var(--ds-auro-pane-date-text-color)}.price{color:var(--ds-auro-pane-price-text-color)}.price--empty{color:var(--ds-auro-pane-price-empty-text-color)}
|
|
7
|
+
`,le=s`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{display:inline-block}.pane{transition:all .15s ease;display:grid;min-height:calc(var(--ds-size-1000, 5rem) + var(--ds-size-200, 1rem));min-width:calc(var(--ds-size-800, 4rem) + var(--ds-size-50, .25rem));height:calc(var(--ds-size-1000, 5rem) + var(--ds-size-25, .125rem));grid-template-columns:1fr;grid-template-rows:auto auto;place-items:center;place-content:center;padding:0;border-width:var(--ds-size-25, .125rem);border-style:solid;border-radius:var(--ds-size-500, 2.5rem);cursor:pointer}.pane:active{transform:scale(.95)}.pane:disabled{cursor:not-allowed;transform:unset}.pane:disabled .child{pointer-events:none}.pane-priced{min-width:var(--ds-size-900, 4.5rem);padding:0;border-radius:calc(var(--ds-size-500, 2.5rem) + var(--ds-size-25, .125rem));grid-template-rows:calc(var(--ds-size-200, 1rem)) calc(var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem)) calc(var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem))}.price{margin-top:var(--ds-size-50, .25rem)}
|
|
8
|
+
`,de=s`:host{--ds-auro-pane-border-color: var(--ds-basic-color-border-subtle, #dddddd);--ds-auro-pane-boxshadow-color: var(--ds-advanced-color-boolean-indicator, #ffffff);--ds-auro-pane-container-color: var(--ds-advanced-color-boolean-isfalse, #ffffff);--ds-auro-pane-day-of-week-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-pane-date-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-pane-price-text-color: var(--ds-advanced-color-shared-text-accent, #2875b5);--ds-auro-pane-price-empty-text-color: var(--ds-basic-color-texticon-muted, #676767)}
|
|
9
|
+
`;class ue extends n{constructor(){super(),this._initializeDefaults()}_initializeDefaults(){this.ariaHidden=!1,this.disabled=!1,this.selected=!1;const e=new c;this.runtimeUtils=new l,this.datetimeTag=e.generateTag("auro-datetime","4.0.0",oe)}static get properties(){return{ariaHidden:{type:Boolean,attribute:"aria-hidden"},date:{type:String},disabled:{type:Boolean,reflect:!0},price:{type:String},selected:{type:Boolean,reflect:!0},sm:{type:Boolean},tabIndex:{type:Number}}}static get styles(){return[le,ce,de]}static register(e="auro-pane"){l.prototype.registerComponent(e,ue)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-pane")}isoDateString(){let e=re(new Date(Date.now()),"yyyy-MM-dd");this.date&&(e=this.date);const t=e.split("-").map(Number);if(3!==t.length||t.some(e=>Number.isNaN(e)))throw new Error("Invalid date format: expected 'yyyy-MM-dd'");const[a,n,r]=t;return new Date(Date.UTC(a,n-1,r)).toISOString()}getPrice(e){if(void 0!==this.price){let t=this.price;return""===this.price&&(t="--"),a`<span class="${i(e)}" part="price-slot">${t}</span>`}return a``}focus(){this.renderRoot.querySelector("button").focus()}render(){const e=this.price&&this.price.length>6,t=""===this.price,n={button:{...{pane:!0,isSelected:this.selected,"pane--disabled":this.disabled,"pane-priced":void 0!==this.price}},dayOfTheWeek:{dayOfTheWeek:!0,child:!0,"body-default":!0},date:{date:!0,"body-sm":!0},price:{...{price:!0,child:!0,"price--empty":t},"body-sm":!e,"body-xs":e}},r=this.isoDateString();return a`
|
|
10
|
+
<button
|
|
11
|
+
class="${i(n.button)}"
|
|
12
|
+
?disabled="${this.disabled}"
|
|
13
|
+
tabindex="${o(this.tabIndex?this.tabIndex:void 0)}"
|
|
14
|
+
aria-hidden="${o(this.ariaHidden?"true":void 0)}">
|
|
15
|
+
<span class="${i(n.dayOfTheWeek)}">
|
|
16
|
+
<${this.datetimeTag} type="weekday" weekday="short" utc="${r}"></${this.datetimeTag}>
|
|
17
|
+
</span>
|
|
18
|
+
<span class="${i(n.date)}">
|
|
19
|
+
<${this.datetimeTag} type="month" weekday="short" utc="${r}"></${this.datetimeTag}>
|
|
20
|
+
<${this.datetimeTag} type="day" utc="${r}"></${this.datetimeTag}>
|
|
21
|
+
</span>
|
|
22
|
+
${this.getPrice(n.price)}
|
|
23
|
+
</button>
|
|
24
|
+
`}}export{ue as A};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,31 +1,193 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
class c{generateElementName(e,t){let a=e;return a+="-",a+=t.replace(/[.]/g,"_"),a}generateTag(a,n,r){const s=this.generateElementName(a,n),i=literal`${unsafeStatic(s)}`;return customElements.get(s)||customElements.define(s,class extends r{}),i}}class l{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,a=(t,n=t&&t.closest(e))=>t&&t!==document&&t!==window?n||a(t.getRootNode().host):null){return a(t)}handleComponentTagRename(e,t){const a=t.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,true);}elementMatch(e,t){const a=t.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}const d=6048e5,u=Symbol.for("constructDateFrom");function m(e,t){return "function"==typeof e?e(t):e&&"object"==typeof e&&u in e?e[u](t):e instanceof Date?new e.constructor(t):new Date(t)}function h(e,t){return m(t||e,e)}let f={};function g(){return f}function w(e,t){const a=g(),n=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??a.weekStartsOn??a.locale?.options?.weekStartsOn??0,r=h(e,t?.in),s=r.getDay(),i=(s<n?7:0)+s-n;return r.setDate(r.getDate()-i),r.setHours(0,0,0,0),r}function p(e,t){return w(e,{...t,weekStartsOn:1})}function y(e,t){const a=h(e,t?.in),n=a.getFullYear(),r=m(a,0);r.setFullYear(n+1,0,4),r.setHours(0,0,0,0);const s=p(r),i=m(a,0);i.setFullYear(n,0,4),i.setHours(0,0,0,0);const o=p(i);return a.getTime()>=s.getTime()?n+1:a.getTime()>=o.getTime()?n:n-1}function v(e){const t=h(e),a=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return a.setUTCFullYear(t.getFullYear()),+e-+a}function b(e,t){const a=h(e,t?.in);return a.setHours(0,0,0,0),a}function x(e,t,a){const[n,r]=function(e,...t){const a=m.bind(null,t.find(e=>"object"==typeof e));return t.map(a)}(0,e,t),s=b(n),i=b(r),o=+s-v(s),c=+i-v(i);return Math.round((o-c)/864e5)}function S(e){return !(!((t=e)instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t))&&"number"!=typeof e||isNaN(+h(e)));var t;}const k={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function M(e){return (t={})=>{const a=t.width?String(t.width):e.defaultWidth;return e.formats[a]||e.formats[e.defaultWidth]}}const z={date:M({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:M({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:M({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},D={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function T(e){return (t,a)=>{let n;if("formatting"===(a?.context?String(a.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth||e.defaultWidth,r=a?.width?String(a.width):t;n=e.formattingValues[r]||e.formattingValues[t];}else {const t=e.defaultWidth,r=a?.width?String(a.width):e.defaultWidth;n=e.values[r]||e.values[t];}return n[e.argumentCallback?e.argumentCallback(t):t]}}function C(e){return (t,a={})=>{const n=a.width,r=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],s=t.match(r);if(!s)return null;const i=s[0],o=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(o)?function(e,t){for(let a=0;a<e.length;a++)if(t(e[a]))return a;return}(o,e=>e.test(i)):function(e,t){for(const a in e)if(Object.prototype.hasOwnProperty.call(e,a)&&t(e[a]))return a;return}(o,e=>e.test(i));let l;l=e.valueCallback?e.valueCallback(c):c,l=a.valueCallback?a.valueCallback(l):l;return {value:l,rest:t.slice(i.length)}}}var N;const P={code:"en-US",formatDistance:(e,t,a)=>{let n;const r=k[e];return n="string"==typeof r?r:1===t?r.one:r.other.replace("{{count}}",t.toString()),a?.addSuffix?a.comparison&&a.comparison>0?"in "+n:n+" ago":n},formatLong:z,formatRelative:(e,t,a,n)=>D[e],localize:{ordinalNumber:(e,t)=>{const a=Number(e),n=a%100;if(n>20||n<10)switch(n%10){case 1:return a+"st";case 2:return a+"nd";case 3:return a+"rd"}return a+"th"},era:T({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:T({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:T({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:T({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:T({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(N={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,t={})=>{const a=e.match(N.matchPattern);if(!a)return null;const n=a[0],r=e.match(N.parsePattern);if(!r)return null;let s=N.valueCallback?N.valueCallback(r[0]):r[0];return s=t.valueCallback?t.valueCallback(s):s,{value:s,rest:e.slice(n.length)}}),era:C({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:C({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:C({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:C({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:C({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function A(e,t){const a=h(e,t?.in),n=x(a,function(e,t){const a=h(e,t?.in);return a.setFullYear(a.getFullYear(),0,1),a.setHours(0,0,0,0),a}(a));return n+1}function H(e,t){const a=h(e,t?.in),n=+p(a)-+function(e,t){const a=y(e,t),n=m(e,0);return n.setFullYear(a,0,4),n.setHours(0,0,0,0),p(n)}(a);return Math.round(n/d)+1}function W(e,t){const a=h(e,t?.in),n=a.getFullYear(),r=g(),s=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,i=m(t?.in||e,0);i.setFullYear(n+1,0,s),i.setHours(0,0,0,0);const o=w(i,t),c=m(t?.in||e,0);c.setFullYear(n,0,s),c.setHours(0,0,0,0);const l=w(c,t);return +a>=+o?n+1:+a>=+l?n:n-1}function F(e,t){const a=h(e,t?.in),n=+w(a,t)-+function(e,t){const a=g(),n=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??a.firstWeekContainsDate??a.locale?.options?.firstWeekContainsDate??1,r=W(e,t),s=m(t?.in||e,0);return s.setFullYear(r,0,n),s.setHours(0,0,0,0),w(s,t)}(a,t);return Math.round(n/d)+1}function B(e,t){return (e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}const O={y(e,t){const a=e.getFullYear(),n=a>0?a:1-a;return B("yy"===t?n%100:n,t.length)},M(e,t){const a=e.getMonth();return "M"===t?String(a+1):B(a+1,2)},d:(e,t)=>B(e.getDate(),t.length),a(e,t){const a=e.getHours()/12>=1?"pm":"am";switch(t){case "a":case "aa":return a.toUpperCase();case "aaa":return a;case "aaaaa":return a[0];default:return "am"===a?"a.m.":"p.m."}},h:(e,t)=>B(e.getHours()%12||12,t.length),H:(e,t)=>B(e.getHours(),t.length),m:(e,t)=>B(e.getMinutes(),t.length),s:(e,t)=>B(e.getSeconds(),t.length),S(e,t){const a=t.length,n=e.getMilliseconds();return B(Math.trunc(n*Math.pow(10,a-3)),t.length)}},U="midnight",E="noon",L="morning",R="afternoon",Y="evening",I="night",q={G:function(e,t,a){const n=e.getFullYear()>0?1:0;switch(t){case "G":case "GG":case "GGG":return a.era(n,{width:"abbreviated"});case "GGGGG":return a.era(n,{width:"narrow"});default:return a.era(n,{width:"wide"})}},y:function(e,t,a){if("yo"===t){const t=e.getFullYear(),n=t>0?t:1-t;return a.ordinalNumber(n,{unit:"year"})}return O.y(e,t)},Y:function(e,t,a,n){const r=W(e,n),s=r>0?r:1-r;if("YY"===t){return B(s%100,2)}return "Yo"===t?a.ordinalNumber(s,{unit:"year"}):B(s,t.length)},R:function(e,t){return B(y(e),t.length)},u:function(e,t){return B(e.getFullYear(),t.length)},Q:function(e,t,a){const n=Math.ceil((e.getMonth()+1)/3);switch(t){case "Q":return String(n);case "QQ":return B(n,2);case "Qo":return a.ordinalNumber(n,{unit:"quarter"});case "QQQ":return a.quarter(n,{width:"abbreviated",context:"formatting"});case "QQQQQ":return a.quarter(n,{width:"narrow",context:"formatting"});default:return a.quarter(n,{width:"wide",context:"formatting"})}},q:function(e,t,a){const n=Math.ceil((e.getMonth()+1)/3);switch(t){case "q":return String(n);case "qq":return B(n,2);case "qo":return a.ordinalNumber(n,{unit:"quarter"});case "qqq":return a.quarter(n,{width:"abbreviated",context:"standalone"});case "qqqqq":return a.quarter(n,{width:"narrow",context:"standalone"});default:return a.quarter(n,{width:"wide",context:"standalone"})}},M:function(e,t,a){const n=e.getMonth();switch(t){case "M":case "MM":return O.M(e,t);case "Mo":return a.ordinalNumber(n+1,{unit:"month"});case "MMM":return a.month(n,{width:"abbreviated",context:"formatting"});case "MMMMM":return a.month(n,{width:"narrow",context:"formatting"});default:return a.month(n,{width:"wide",context:"formatting"})}},L:function(e,t,a){const n=e.getMonth();switch(t){case "L":return String(n+1);case "LL":return B(n+1,2);case "Lo":return a.ordinalNumber(n+1,{unit:"month"});case "LLL":return a.month(n,{width:"abbreviated",context:"standalone"});case "LLLLL":return a.month(n,{width:"narrow",context:"standalone"});default:return a.month(n,{width:"wide",context:"standalone"})}},w:function(e,t,a,n){const r=F(e,n);return "wo"===t?a.ordinalNumber(r,{unit:"week"}):B(r,t.length)},I:function(e,t,a){const n=H(e);return "Io"===t?a.ordinalNumber(n,{unit:"week"}):B(n,t.length)},d:function(e,t,a){return "do"===t?a.ordinalNumber(e.getDate(),{unit:"date"}):O.d(e,t)},D:function(e,t,a){const n=A(e);return "Do"===t?a.ordinalNumber(n,{unit:"dayOfYear"}):B(n,t.length)},E:function(e,t,a){const n=e.getDay();switch(t){case "E":case "EE":case "EEE":return a.day(n,{width:"abbreviated",context:"formatting"});case "EEEEE":return a.day(n,{width:"narrow",context:"formatting"});case "EEEEEE":return a.day(n,{width:"short",context:"formatting"});default:return a.day(n,{width:"wide",context:"formatting"})}},e:function(e,t,a,n){const r=e.getDay(),s=(r-n.weekStartsOn+8)%7||7;switch(t){case "e":return String(s);case "ee":return B(s,2);case "eo":return a.ordinalNumber(s,{unit:"day"});case "eee":return a.day(r,{width:"abbreviated",context:"formatting"});case "eeeee":return a.day(r,{width:"narrow",context:"formatting"});case "eeeeee":return a.day(r,{width:"short",context:"formatting"});default:return a.day(r,{width:"wide",context:"formatting"})}},c:function(e,t,a,n){const r=e.getDay(),s=(r-n.weekStartsOn+8)%7||7;switch(t){case "c":return String(s);case "cc":return B(s,t.length);case "co":return a.ordinalNumber(s,{unit:"day"});case "ccc":return a.day(r,{width:"abbreviated",context:"standalone"});case "ccccc":return a.day(r,{width:"narrow",context:"standalone"});case "cccccc":return a.day(r,{width:"short",context:"standalone"});default:return a.day(r,{width:"wide",context:"standalone"})}},i:function(e,t,a){const n=e.getDay(),r=0===n?7:n;switch(t){case "i":return String(r);case "ii":return B(r,t.length);case "io":return a.ordinalNumber(r,{unit:"day"});case "iii":return a.day(n,{width:"abbreviated",context:"formatting"});case "iiiii":return a.day(n,{width:"narrow",context:"formatting"});case "iiiiii":return a.day(n,{width:"short",context:"formatting"});default:return a.day(n,{width:"wide",context:"formatting"})}},a:function(e,t,a){const n=e.getHours()/12>=1?"pm":"am";switch(t){case "a":case "aa":return a.dayPeriod(n,{width:"abbreviated",context:"formatting"});case "aaa":return a.dayPeriod(n,{width:"abbreviated",context:"formatting"}).toLowerCase();case "aaaaa":return a.dayPeriod(n,{width:"narrow",context:"formatting"});default:return a.dayPeriod(n,{width:"wide",context:"formatting"})}},b:function(e,t,a){const n=e.getHours();let r;switch(r=12===n?E:0===n?U:n/12>=1?"pm":"am",t){case "b":case "bb":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"});case "bbb":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case "bbbbb":return a.dayPeriod(r,{width:"narrow",context:"formatting"});default:return a.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,a){const n=e.getHours();let r;switch(r=n>=17?Y:n>=12?R:n>=4?L:I,t){case "B":case "BB":case "BBB":return a.dayPeriod(r,{width:"abbreviated",context:"formatting"});case "BBBBB":return a.dayPeriod(r,{width:"narrow",context:"formatting"});default:return a.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,a){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),a.ordinalNumber(t,{unit:"hour"})}return O.h(e,t)},H:function(e,t,a){return "Ho"===t?a.ordinalNumber(e.getHours(),{unit:"hour"}):O.H(e,t)},K:function(e,t,a){const n=e.getHours()%12;return "Ko"===t?a.ordinalNumber(n,{unit:"hour"}):B(n,t.length)},k:function(e,t,a){let n=e.getHours();return 0===n&&(n=24),"ko"===t?a.ordinalNumber(n,{unit:"hour"}):B(n,t.length)},m:function(e,t,a){return "mo"===t?a.ordinalNumber(e.getMinutes(),{unit:"minute"}):O.m(e,t)},s:function(e,t,a){return "so"===t?a.ordinalNumber(e.getSeconds(),{unit:"second"}):O.s(e,t)},S:function(e,t){return O.S(e,t)},X:function(e,t,a){const n=e.getTimezoneOffset();if(0===n)return "Z";switch(t){case "X":return j(n);case "XXXX":case "XX":return G(n);default:return G(n,":")}},x:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case "x":return j(n);case "xxxx":case "xx":return G(n);default:return G(n,":")}},O:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case "O":case "OO":case "OOO":return "GMT"+$(n,":");default:return "GMT"+G(n,":")}},z:function(e,t,a){const n=e.getTimezoneOffset();switch(t){case "z":case "zz":case "zzz":return "GMT"+$(n,":");default:return "GMT"+G(n,":")}},t:function(e,t,a){return B(Math.trunc(+e/1e3),t.length)},T:function(e,t,a){return B(+e,t.length)}};function $(e,t=""){const a=e>0?"-":"+",n=Math.abs(e),r=Math.trunc(n/60),s=n%60;return 0===s?a+String(r):a+String(r)+t+B(s,2)}function j(e,t){if(e%60==0){return (e>0?"-":"+")+B(Math.abs(e)/60,2)}return G(e,t)}function G(e,t=""){const a=e>0?"-":"+",n=Math.abs(e);return a+B(Math.trunc(n/60),2)+t+B(n%60,2)}const Q=(e,t)=>{switch(e){case "P":return t.date({width:"short"});case "PP":return t.date({width:"medium"});case "PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},X=(e,t)=>{switch(e){case "p":return t.time({width:"short"});case "pp":return t.time({width:"medium"});case "ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},J={p:X,P:(e,t)=>{const a=e.match(/(P+)(p+)?/)||[],n=a[1],r=a[2];if(!r)return Q(e,t);let s;switch(n){case "P":s=t.dateTime({width:"short"});break;case "PP":s=t.dateTime({width:"medium"});break;case "PPP":s=t.dateTime({width:"long"});break;default:s=t.dateTime({width:"full"});}return s.replace("{{date}}",Q(n,t)).replace("{{time}}",X(r,t))}},Z=/^D+$/,V=/^Y+$/,K=["D","DD","YY","YYYY"];const _=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ee=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,te=/^'([^]*?)'?$/,ae=/''/g,ne=/[a-zA-Z]/;function re(e,t,a){const n=g(),r=n.locale??P,s=n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=n.weekStartsOn??n.locale?.options?.weekStartsOn??0,o=h(e,a?.in);if(!S(o))throw new RangeError("Invalid time value");let c=t.match(ee).map(e=>{const t=e[0];if("p"===t||"P"===t){return (0, J[t])(e,r.formatLong)}return e}).join("").match(_).map(e=>{if("''"===e)return {isToken:false,value:"'"};const t=e[0];if("'"===t)return {isToken:false,value:se(e)};if(q[t])return {isToken:true,value:e};if(t.match(ne))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return {isToken:false,value:e}});r.localize.preprocessor&&(c=r.localize.preprocessor(o,c));const l={firstWeekContainsDate:s,weekStartsOn:i,locale:r};return c.map(a=>{if(!a.isToken)return a.value;const n=a.value;(function(e){return V.test(e)}(n)||function(e){return Z.test(e)}(n))&&function(e,t,a){const n=function(e,t,a){const n="Y"===e[0]?"years":"days of the month";return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${n} to the input \`${a}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,a);if(console.warn(n),K.includes(e))throw new RangeError(n)}(n,t,String(e));return (0, q[n[0]])(o,n,r.localize,l)}).join("")}function se(e){const t=e.match(te);return t?t[1].replace(ae,"'"):e}class ie{registerComponent(e,t){customElements.get(e)||customElements.define(e,class extends t{});}closestElement(e,t=this,a=(t,n=t&&t.closest(e))=>t&&t!==document&&t!==window?n||a(t.getRootNode().host):null){return a(t)}handleComponentTagRename(e,t){const a=t.toLowerCase();e.tagName.toLowerCase()!==a&&e.setAttribute(a,true);}elementMatch(e,t){const a=t.toLowerCase();return e.tagName.toLowerCase()===a||e.hasAttribute(a)}}class oe extends LitElement{constructor(){super(),this.weekday="short",this.month="short",this.runtimeUtils=new ie;}connectedCallback(){super.connectedCallback(),this.dateTemplate={weekday:this.weekday,year:"numeric",month:this.month,day:"numeric"},this.timeTemplate={hour:"2-digit",minute:"2-digit",timeZone:this.timeZone},this.template={};}static get properties(){return {type:{type:String},utc:{type:String},weekday:{type:String},month:{type:String},timeZone:{type:String},setDate:{type:String},cap:{type:Boolean}}}static register(e="auro-datetime"){ie.prototype.registerComponent(e,oe);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-datetime");}humanDate(){let e=new Date;return this.utc?(this.dateTemplate.timeZone="UTC",e=new Date(this.utc)):this.setDate&&(e=new Date(this.setDate)),e.toLocaleString("en-us",this.dateTemplate)}humanDateConversion(){let e=new Date;switch(this.utc?(this.template.timeZone="UTC",e=new Date(this.utc)):this.setDate&&(e=new Date(this.setDate)),this.type){case "day":this.template.day="numeric";break;case "month":this.template.month=this.month;break;case "year":this.template.year="numeric";break;case "weekday":this.template.weekday=this.weekday;break;default:this.template.weekday=this.template;}return e.toLocaleString("en-us",this.template)}numericDate(){this.dateTemplate.month="numeric",Reflect.deleteProperty(this.dateTemplate,"weekday");let e=new Date;return this.utc?(this.dateTemplate.timeZone="UTC",e=new Date(this.utc)):this.setDate&&(e=new Date(this.setDate)),e.toLocaleString("en-us",this.dateTemplate)}humanTime(){let e=new Date;return this.utc?(this.timeTemplate.timeZone="UTC",e=new Date(this.utc)):this.setDate&&(e=new Date(this.setDate)),this.cap?e.toLocaleString("en-us",this.timeTemplate).replace(/^0+/u,""):e.toLocaleString("en-us",this.timeTemplate).replace(/^0+/u,"").toLowerCase()}tzTime(e){const t=this.setDate.slice(0,-6),a=new Date(t);return this.cap?a.toLocaleString("en-us",e).replace(/^0+/u,""):a.toLocaleString("en-us",e).replace(/^0+/u,"").replace("AM","am").replace("PM","pm")}whichDate(){let e="";switch(this.type){case "date":e=this.humanDate();break;case "tzDate":e=this.tzTime(this.dateTemplate);break;case "tzTime":e=this.tzTime(this.timeTemplate);break;case "time":e=this.humanTime();break;case "year":case "month":case "weekday":case "day":e=this.humanDateConversion();break;case "numeric":e=this.numericDate();break;default:this.humanDate();}return this.setDate&&!this.type||this.utc&&!this.type?this.humanDate():e}render(){return html$1`
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
`,le=css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{display:inline-block}.pane{transition:all .15s ease;display:grid;min-height:calc(var(--ds-size-1000, 5rem) + var(--ds-size-200, 1rem));min-width:calc(var(--ds-size-800, 4rem) + var(--ds-size-50, .25rem));height:calc(var(--ds-size-1000, 5rem) + var(--ds-size-25, .125rem));grid-template-columns:1fr;grid-template-rows:auto auto;place-items:center;place-content:center;padding:0;border-width:var(--ds-size-25, .125rem);border-style:solid;border-radius:var(--ds-size-500, 2.5rem);cursor:pointer}.pane:active{transform:scale(.95)}.pane:disabled{cursor:not-allowed;transform:unset}.pane:disabled .child{pointer-events:none}.pane-priced{min-width:var(--ds-size-900, 4.5rem);padding:0;border-radius:calc(var(--ds-size-500, 2.5rem) + var(--ds-size-25, .125rem));grid-template-rows:calc(var(--ds-size-200, 1rem)) calc(var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem)) calc(var(--ds-size-200, 1rem) + var(--ds-size-50, .25rem))}.price{margin-top:var(--ds-size-50, .25rem)}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
1
|
+
|
|
2
|
+
import type { AuroPane } from "src/auro-pane.js";
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* This type can be used to create scoped tags for your components.
|
|
6
|
+
*
|
|
7
|
+
* Usage:
|
|
8
|
+
*
|
|
9
|
+
* ```ts
|
|
10
|
+
* import type { ScopedElements } from "path/to/library/jsx-integration";
|
|
11
|
+
*
|
|
12
|
+
* declare module "my-library" {
|
|
13
|
+
* namespace JSX {
|
|
14
|
+
* interface IntrinsicElements
|
|
15
|
+
* extends ScopedElements<'test-', ''> {}
|
|
16
|
+
* }
|
|
17
|
+
* }
|
|
18
|
+
* ```
|
|
19
|
+
*
|
|
20
|
+
* @deprecated Runtime scoped elements result in duplicate types and can confusing for developers. It is recommended to use the `prefix` and `suffix` options to generate new types instead.
|
|
21
|
+
*/
|
|
22
|
+
export type ScopedElements<
|
|
23
|
+
Prefix extends string = "",
|
|
24
|
+
Suffix extends string = ""
|
|
25
|
+
> = {
|
|
26
|
+
[Key in keyof CustomElements as `${Prefix}${Key}${Suffix}`]: CustomElements[Key];
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
type BaseProps<T extends HTMLElement> = {
|
|
30
|
+
|
|
31
|
+
/** Content added between the opening and closing tags of the element */
|
|
32
|
+
children?: any;
|
|
33
|
+
/** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
|
|
34
|
+
class?: string;
|
|
35
|
+
/** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
|
|
36
|
+
className?: string;
|
|
37
|
+
/** Takes an object where the key is the class name(s) and the value is a boolean expression. When true, the class is applied, and when false, it is removed. */
|
|
38
|
+
classList?: Record<string, boolean | undefined>;
|
|
39
|
+
/** Specifies the text direction of the element. */
|
|
40
|
+
dir?: "ltr" | "rtl";
|
|
41
|
+
/** Contains a space-separated list of the part names of the element that should be exposed on the host element. */
|
|
42
|
+
exportparts?: string;
|
|
43
|
+
/** For <label> and <output>, lets you associate the label with some control. */
|
|
44
|
+
htmlFor?: string;
|
|
45
|
+
/** Specifies whether the element should be hidden. */
|
|
46
|
+
hidden?: boolean | string;
|
|
47
|
+
/** A unique identifier for the element. */
|
|
48
|
+
id?: string;
|
|
49
|
+
/** Keys tell React which array item each component corresponds to */
|
|
50
|
+
key?: string | number;
|
|
51
|
+
/** Specifies the language of the element. */
|
|
52
|
+
lang?: string;
|
|
53
|
+
/** Contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element. */
|
|
54
|
+
part?: string;
|
|
55
|
+
/** Use the ref attribute with a variable to assign a DOM element to the variable once the element is rendered. */
|
|
56
|
+
ref?: T | ((e: T) => void);
|
|
57
|
+
/** Adds a reference for a custom element slot */
|
|
58
|
+
slot?: string;
|
|
59
|
+
/** Prop for setting inline styles */
|
|
60
|
+
style?: Record<string, string | number>;
|
|
61
|
+
/** Overrides the default Tab button behavior. Avoid using values other than -1 and 0. */
|
|
62
|
+
tabIndex?: number;
|
|
63
|
+
/** Specifies the tooltip text for the element. */
|
|
64
|
+
title?: string;
|
|
65
|
+
/** Passing 'no' excludes the element content from being translated. */
|
|
66
|
+
translate?: "yes" | "no";
|
|
67
|
+
/** The popover global attribute is used to designate an element as a popover element. */
|
|
68
|
+
popover?: "auto" | "hint" | "manual";
|
|
69
|
+
/** Turns an element element into a popover control button; takes the ID of the popover element to control as its value. */
|
|
70
|
+
popovertarget?: "top" | "bottom" | "left" | "right" | "auto";
|
|
71
|
+
/** Specifies the action to be performed on a popover element being controlled by a control element. */
|
|
72
|
+
popovertargetaction?: "show" | "hide" | "toggle";
|
|
73
|
+
|
|
74
|
+
} ;
|
|
75
|
+
|
|
76
|
+
type BaseEvents = {
|
|
77
|
+
|
|
78
|
+
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
export type AuroPaneProps = {
|
|
84
|
+
/** Sets aria-hidden="true" on the inner button. */
|
|
85
|
+
"aria-hidden"?: AuroPane['ariaHidden'];
|
|
86
|
+
/** Sets aria-hidden="true" on the inner button. */
|
|
87
|
+
"ariaHidden"?: AuroPane['ariaHidden'];
|
|
88
|
+
/** Sets date for parsing and display. Format should be `yyyy-mm-dd`. */
|
|
89
|
+
"date"?: AuroPane['date'];
|
|
90
|
+
/** Disables the pane. */
|
|
91
|
+
"disabled"?: AuroPane['disabled'];
|
|
92
|
+
/** Sets price for display. Displayed as is. */
|
|
93
|
+
"price"?: AuroPane['price'];
|
|
94
|
+
/** Sets pane state to selected. */
|
|
95
|
+
"selected"?: AuroPane['selected'];
|
|
96
|
+
/** DEPRECATED - Locks the component to `sm` variant. */
|
|
97
|
+
"sm"?: AuroPane['sm'];
|
|
98
|
+
/** Sets tabindex on the inner button. */
|
|
99
|
+
"tabIndex"?: AuroPane['tabIndex'];
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
export type CustomElements = {
|
|
105
|
+
|
|
106
|
+
|
|
107
|
+
/**
|
|
108
|
+
* The `auro-pane` element displays shoulder date information.
|
|
109
|
+
*
|
|
110
|
+
* ## Attributes & Properties
|
|
111
|
+
*
|
|
112
|
+
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
113
|
+
*
|
|
114
|
+
* - `aria-hidden`/`ariaHidden`: Sets aria-hidden="true" on the inner button.
|
|
115
|
+
* - `date`: Sets date for parsing and display. Format should be `yyyy-mm-dd`.
|
|
116
|
+
* - `disabled`: Disables the pane.
|
|
117
|
+
* - `price`: Sets price for display. Displayed as is.
|
|
118
|
+
* - `selected`: Sets pane state to selected.
|
|
119
|
+
* - `sm`: DEPRECATED - Locks the component to `sm` variant.
|
|
120
|
+
* - `tabIndex`: Sets tabindex on the inner button.
|
|
121
|
+
*
|
|
122
|
+
* ## Methods
|
|
123
|
+
*
|
|
124
|
+
* Methods that can be called to access component functionality.
|
|
125
|
+
*
|
|
126
|
+
* - `_initializeDefaults() => void`: undefined
|
|
127
|
+
* - `focus() => void`: Programmatically focuses the component.
|
|
128
|
+
* - `register(name?: string = "auro-pane") => void`: This will register this element with the browser.
|
|
129
|
+
*/
|
|
130
|
+
"auro-pane": Partial<AuroPaneProps & BaseProps<AuroPane> & BaseEvents>;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
export type CustomCssProperties = {
|
|
134
|
+
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
declare module 'react' {
|
|
139
|
+
namespace JSX {
|
|
140
|
+
interface IntrinsicElements extends CustomElements {}
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
declare module 'preact' {
|
|
146
|
+
namespace JSX {
|
|
147
|
+
interface IntrinsicElements extends CustomElements {}
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
declare module '@builder.io/qwik' {
|
|
153
|
+
namespace JSX {
|
|
154
|
+
interface IntrinsicElements extends CustomElements {}
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
declare module '@stencil/core' {
|
|
160
|
+
namespace JSX {
|
|
161
|
+
interface IntrinsicElements extends CustomElements {}
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
declare module 'hono/jsx' {
|
|
167
|
+
namespace JSX {
|
|
168
|
+
interface IntrinsicElements extends CustomElements {}
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
declare module 'react-native' {
|
|
174
|
+
namespace JSX {
|
|
175
|
+
interface IntrinsicElements extends CustomElements {}
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
declare global {
|
|
181
|
+
namespace JSX {
|
|
182
|
+
interface IntrinsicElements extends CustomElements {}
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
}
|
|
186
|
+
declare global {
|
|
187
|
+
namespace svelteHTML {
|
|
188
|
+
interface IntrinsicElements extends CustomElements {}
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
export { AuroPane } from "./index.js";
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as AuroPane}from"./auro-pane-
|
|
1
|
+
export{A as AuroPane}from"./auro-pane-C311Werz.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";
|
package/dist/registered.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as i}from"./auro-pane-
|
|
1
|
+
import{A as i}from"./auro-pane-C311Werz.js";import"lit/static-html.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";i.register();
|