@phila/phila-ui-app-header 0.0.6
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 +121 -0
- package/dist/AppHeader.css +1 -0
- package/dist/AppHeader.js +247 -0
- package/dist/AppHeader.umd.cjs +2 -0
- package/dist/AppHeader.vue.d.ts +57 -0
- package/dist/components/_Branding.vue.d.ts +40 -0
- package/dist/components/_TrustedSite.vue.d.ts +32 -0
- package/dist/types.d.ts +17 -0
- package/package.json +47 -0
package/README.md
ADDED
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
## Code Samples
|
|
2
|
+
### Basic
|
|
3
|
+
The most basic header with an application title and sub-title.
|
|
4
|
+
```html
|
|
5
|
+
<app-header
|
|
6
|
+
app-title="My Application"
|
|
7
|
+
app-subtitle="Description about this application"
|
|
8
|
+
/>
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
### Branding
|
|
12
|
+
Adds an application specific logo and link. Often used to display a department's logo and link back to the department's website.
|
|
13
|
+
|
|
14
|
+
```html
|
|
15
|
+
<app-header
|
|
16
|
+
:branding-image="{ src: 'my-logo-image.jpg'}"
|
|
17
|
+
:branding-link="{ href: 'http://www.example.com '}"
|
|
18
|
+
/>
|
|
19
|
+
```
|
|
20
|
+
The ``branding-image`` accepts an object of ``<img>`` attributes.
|
|
21
|
+
```js
|
|
22
|
+
{
|
|
23
|
+
src: "my-logo-image.png",
|
|
24
|
+
alt: "department logo"
|
|
25
|
+
width: "200px"
|
|
26
|
+
}
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
<alert>The image width and height are not enforced. Use the image attributes width/height, or css styles to set it.</alert>
|
|
30
|
+
|
|
31
|
+
The ``branding-link`` accepts an object of ``<a>`` attributes.
|
|
32
|
+
```js
|
|
33
|
+
{
|
|
34
|
+
href: "http://phila.gov/my-department",
|
|
35
|
+
target: "_blank"
|
|
36
|
+
}
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
<alert type="warning">If the ``branding-image`` is set, then a ``branding-link`` is also used. By default the ``branding-link`` is '/'</alert>
|
|
40
|
+
|
|
41
|
+
### Fixed & Fluid
|
|
42
|
+
Makes the header non-sticky and fluid (content stretches to the length of the window).
|
|
43
|
+
```html
|
|
44
|
+
<app-header
|
|
45
|
+
:is-sticky="false"
|
|
46
|
+
:is-fluid="false"
|
|
47
|
+
/>
|
|
48
|
+
```
|
|
49
|
+
<alert>Most applications should use the default values</alert>
|
|
50
|
+
|
|
51
|
+
### Mobile Navigation ``<slot>``
|
|
52
|
+
```html
|
|
53
|
+
<app-header>
|
|
54
|
+
<mobile-nav
|
|
55
|
+
slot="mobile-nav"
|
|
56
|
+
:links="myLinks"
|
|
57
|
+
/>
|
|
58
|
+
</app-header>
|
|
59
|
+
```
|
|
60
|
+
<alert>See the [Mobile Navigation](/components/MobileNav) component for more information.</alert>
|
|
61
|
+
|
|
62
|
+
### Tabbed Navigation ``<slot>``
|
|
63
|
+
```html
|
|
64
|
+
<app-header>
|
|
65
|
+
<tabs-nav
|
|
66
|
+
slot="tabs-nav"
|
|
67
|
+
:links="myLinks"
|
|
68
|
+
/>
|
|
69
|
+
</app-header>
|
|
70
|
+
```
|
|
71
|
+
<alert>See the [Tabbed Navigation](/components/TabsNav) component for more information.</alert>
|
|
72
|
+
|
|
73
|
+
### Dropdown Navigation ``<slot>``
|
|
74
|
+
```html
|
|
75
|
+
<app-header>
|
|
76
|
+
<dropdown-nav
|
|
77
|
+
slot="dropdown-nav"
|
|
78
|
+
:links="myLinks"
|
|
79
|
+
/>
|
|
80
|
+
</app-header>
|
|
81
|
+
```
|
|
82
|
+
<alert>The positioning of the dropdown navigation depends on the presence of the tabbed navigation. If a tabbed navigation is present, then the dropdown is aligned with the tabs. If the tabs are not present, then the dropdown is aligned with the title.</alert>
|
|
83
|
+
<alert>See the [Dropdown Navigation](/components/DropdownNav) component for more information.</alert>
|
|
84
|
+
|
|
85
|
+
### Language Selector ``<slot>``
|
|
86
|
+
```html
|
|
87
|
+
<app-header>
|
|
88
|
+
<lang-selector
|
|
89
|
+
slot="lang-selector-nav"
|
|
90
|
+
:languages="myLanguages"
|
|
91
|
+
/>
|
|
92
|
+
</app-header>
|
|
93
|
+
```
|
|
94
|
+
<alert>The positioning of the language selector depends on the presence of the tabbed navigation. If a tabbed navigation is present, then the language selector dropdown is aligned with the tabs. If the tabs are not present, then the dropdown is aligned with the title.</alert>
|
|
95
|
+
<alert>See the [Language Selector](/components/LangSelector) component for more information.</alert>
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
## Live Examples
|
|
99
|
+
|
|
100
|
+
<alert type="warning"> The application header is responsive, so its size will render smaller in the preview windows below, and some elements may be hidden. Click on the new window button/icon to view it on a larger window.</alert>
|
|
101
|
+
|
|
102
|
+
### Basic application header
|
|
103
|
+
<example name="AppHeader1" height="300" :options="{ horizontal: true}"></example>
|
|
104
|
+
|
|
105
|
+
### Header with branding image
|
|
106
|
+
<example name="AppHeader2" height="300" :options="{ horizontal: true}"></example>
|
|
107
|
+
|
|
108
|
+
### Header with tabbed navigation
|
|
109
|
+
<example name="AppHeader3" height="300" :options="{ horizontal: true}"></example>
|
|
110
|
+
|
|
111
|
+
### Header with dropdown navigation
|
|
112
|
+
<example name="AppHeader4" height="300" :options="{ horizontal: true}"></example>
|
|
113
|
+
|
|
114
|
+
### Header with language selector
|
|
115
|
+
<example name="AppHeader5" height="300" :options="{ horizontal: true}"></example>
|
|
116
|
+
|
|
117
|
+
### Header with mobile navigation
|
|
118
|
+
<example name="AppHeader6" height="300" :options="{ horizontal: true}"></example>
|
|
119
|
+
|
|
120
|
+
### Header with all options and slots
|
|
121
|
+
<example name="AppHeader" height="300" :options="{ horizontal: true}"></example>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}#app-logo[data-v-7f468aea]{padding-right:.75rem;border-right:1px solid hsl(255,100%,100%);margin-right:.75rem}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}#trusted-site[data-v-27262fc1]{color:#fff}@media screen and (max-width: 767px){#trusted-site .container[data-v-27262fc1]{padding-left:1rem!important}}#trusted-site a[data-v-27262fc1],#trusted-site strong[data-v-27262fc1]{color:#fff}#trusted-site-bar[data-v-27262fc1]{background-color:#2176d2}#trusted-site-bar .level-left[data-v-27262fc1]{font-size:.875rem;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.45}#trusted-site-bar .level-left img[data-v-27262fc1]{margin-right:.188rem}#trusted-site-bar .level-right[data-v-27262fc1]{font-size:.75rem}#trusted-site-bar .level-right a[data-v-27262fc1]{font-weight:600;text-decoration:underline}#trusted-site-details[data-v-27262fc1]{position:relative;background-color:#0c59a6}#trusted-site-details .trust-icon[data-v-27262fc1],#trusted-site-details .trust-icon-right[data-v-27262fc1]{width:115px;display:inline-block;vertical-align:middle}#trusted-site-details .trust-details[data-v-27262fc1],#trusted-site-details .trust-details-right[data-v-27262fc1]{width:calc(100% - 120px);display:inline-block;vertical-align:middle;line-height:1.1;font-size:.75rem}#trusted-site-details .trust-icon-right[data-v-27262fc1]{width:75px}@media screen and (max-width: 767px){#trusted-site-details .trust-icon-right[data-v-27262fc1]{width:115px}}#trusted-site-details .trust-details-right[data-v-27262fc1]{width:calc(100% - 80px)}@media screen and (max-width: 767px){#trusted-site-details .trust-details-right[data-v-27262fc1]{width:calc(100% - 120px)}}#trusted-site-details .circle-icon[data-v-27262fc1]{border-radius:50%;background-color:#fff;width:1.5rem;height:1.5rem;text-align:center;font-size:1rem;color:#2176d2;margin-right:.1rem}#trusted-site-details .icon-text[data-v-27262fc1]{font-family:Montserrat,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.5rem}@media screen and (max-width: 767px){#trusted-panel[data-v-27262fc1]{padding:0 3rem}}@media screen and (max-width: 600px){#trusted-panel[data-v-27262fc1]{padding:0 2rem}}@media screen and (max-width: 500px){#trusted-panel[data-v-27262fc1]{padding:0 1rem 0 0}}#trusted-panel .columns>.column[data-v-27262fc1]{padding-left:0}#trusted-panel .columns>.column+.column[data-v-27262fc1]{padding-right:0}#close-tsd[data-v-27262fc1]{position:absolute;top:0;right:0;font-size:1.75rem;font-weight:400;width:3rem;height:3rem;padding:.875rem;text-align:center}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}#app-header .container{padding:0}@media screen and (max-width: 1023px){#app-header .container{padding-left:1rem!important;padding-right:1rem!important}}@media screen and (max-width: 767px){#app-header .container{padding-left:0rem!important;padding-right:0rem!important}}.m-nav-opened{height:100%;overflow:hidden}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}@media screen and (max-width: 767px){#app-header[data-v-9b376a16]{border-bottom:2px solid hsl(191.7,92.9%,55.7%)}}#app-header.is-sticky[data-v-9b376a16]{width:100%;position:fixed;top:0;left:0;z-index:998}#main-nav>.columns[data-v-9b376a16]{margin:5px 0}#main-nav>.columns .column[data-v-9b376a16]{padding-top:.5rem;padding-bottom:1rem}@media screen and (max-width: 767px){#main-nav>.columns .column[data-v-9b376a16]{padding:0}}@media screen and (max-width: 767px){#main-nav>.columns .column.mobile-nav-col[data-v-9b376a16]{width:50px;flex:none}}#main-nav>.columns .column.branding-col[data-v-9b376a16]{padding-left:0;padding-right:0}#main-nav>.columns .column.title-col[data-v-9b376a16]{padding-left:0;text-align:left}@media screen and (max-width: 767px){#main-nav>.columns .column.title-col[data-v-9b376a16]{padding-top:.5rem;padding-bottom:.5rem;width:calc(100% - 100px);flex:none}#main-nav>.columns .column.title-col.no-mobile-nav[data-v-9b376a16]{padding-left:1rem;width:calc(100% - 50px)}}#main-nav>.columns .column.title-col.has-mobile-nav[data-v-9b376a16]{padding-left:10px}#main-nav>.columns .column.nav-col[data-v-9b376a16]{padding:0}@media screen and (max-width: 767px){#main-nav>.columns .column.nav-col[data-v-9b376a16]{width:50px;flex:none}}#nav-wrap[data-v-9b376a16]{background-color:#0f4d90}a.app-title[data-v-9b376a16]{color:#fff}a.app-title h1[data-v-9b376a16]{font-family:Montserrat,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.375rem;font-weight:700;line-height:1.09;padding:0}@media screen and (max-width: 767px){a.app-title h1[data-v-9b376a16]{font-weight:400;font-size:1rem}}a.app-title h2[data-v-9b376a16]{font-family:Montserrat,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.33;padding:0}
|
|
@@ -0,0 +1,247 @@
|
|
|
1
|
+
import "./AppHeader.css";
|
|
2
|
+
import { defineComponent as T, openBlock as a, createElementBlock as l, createElementVNode as e, mergeProps as F, normalizeProps as B, guardReactiveProps as N, ref as $, normalizeClass as u, unref as o, withModifiers as S, createTextVNode as H, withDirectives as R, vShow as A, createStaticVNode as P, pushScopeId as E, popScopeId as q, inject as D, computed as _, useSlots as O, onMounted as U, onUnmounted as j, createVNode as I, renderSlot as m, createCommentVNode as n, toDisplayString as M, nextTick as G } from "vue";
|
|
3
|
+
const J = { id: "app-logo" }, K = /* @__PURE__ */ T({
|
|
4
|
+
__name: "_Branding",
|
|
5
|
+
props: {
|
|
6
|
+
brandingImage: { default: null },
|
|
7
|
+
brandingLink: { default: null }
|
|
8
|
+
},
|
|
9
|
+
setup(c) {
|
|
10
|
+
return (d, r) => (a(), l("div", J, [
|
|
11
|
+
e("a", F(d.brandingLink, { class: "is-inline-block" }), [
|
|
12
|
+
e("img", B(N(d.brandingImage)), null, 16)
|
|
13
|
+
], 16)
|
|
14
|
+
]));
|
|
15
|
+
}
|
|
16
|
+
}), L = (c, d) => {
|
|
17
|
+
const r = c.__vccOpts || c;
|
|
18
|
+
for (const [p, s] of d)
|
|
19
|
+
r[p] = s;
|
|
20
|
+
return r;
|
|
21
|
+
}, Q = /* @__PURE__ */ L(K, [["__scopeId", "data-v-7f468aea"]]), W = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='139'%20height='18'%20viewBox='0%200%20139%2018'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23FFF'%20d='M35.066%206.56l1.946%204.933%201.754-4.933h1.726l-3.126%208.286c-.178.476-.56.87-1.144%201.183-.584.314-1.265.471-2.043.471v-1.474c1.285%200%201.927-.322%201.927-.967%200-.426-.178-1.08-.533-1.96L33.339%206.56h1.727zm79.87-.133c2.276%200%203.414%201.253%203.414%203.76%200%201.168-.315%202.068-.944%202.7-.628.63-1.488.946-2.576.946-.525%200-1.002-.104-1.434-.313v2.98h-1.666V6.56h1.666v.48c.419-.409.932-.613%201.54-.613zm-94.463-2.66c1.12%200%202.016.229%202.687.687l-.714%201.433c-.386-.387-1.009-.58-1.866-.58-.814%200-1.48.341-2%201.023-.52.683-.78%201.546-.78%202.59%200%201.045.24%201.873.723%202.487.482.613%201.125.92%201.93.92.92%200%201.64-.329%202.16-.987l.806%201.4c-.706.75-1.742%201.126-3.106%201.126-1.364%200-2.424-.448-3.18-1.346C16.378%2011.622%2016%2010.398%2016%208.847c0-1.444.419-2.653%201.257-3.623.837-.972%201.91-1.457%203.216-1.457zM109.79%203.5v8.027c0%20.88.262%201.404.787%201.573-.258.489-.698.733-1.32.733-.756%200-1.134-.525-1.134-1.573V3.9l1.667-.4zm-11.466%200v10.2h-1.667v-.433c-.138.15-.37.283-.7.396-.328.113-.669.17-1.02.17-.995%200-1.779-.316-2.35-.947-.57-.631-.856-1.51-.856-2.64%200-1.128.328-2.047.983-2.756.656-.709%201.476-1.063%202.463-1.063.542%200%201.036.11%201.48.333V3.9l1.667-.4zm-67.612.994V6.56h1.96V7.9h-1.96v3.127c0%20.51.08.872.24%201.083.16.211.44.316.84.316.4%200%20.774-.109%201.12-.326v1.533c-.386.134-.937.2-1.653.2-.71%200-1.257-.201-1.64-.603-.382-.402-.573-.975-.573-1.717V7.9h-.827V6.56h.827V5.107l1.666-.613zm15.954%201.933c1.084%200%201.927.329%202.526.986.6.658.9%201.558.9%202.7%200%201.138-.305%202.043-.916%202.714-.611.67-1.448%201.006-2.51%201.006-1.085%200-1.928-.339-2.53-1.016-.602-.678-.904-1.58-.904-2.704%200-1.089.315-1.975.944-2.66.629-.684%201.459-1.026%202.49-1.026zM82.718%203.5v8.027c0%20.88.262%201.404.787%201.573-.259.489-.698.733-1.32.733-.756%200-1.134-.525-1.134-1.573V3.9l1.667-.4zm51.584%202.927c1.09%200%201.887.248%202.393.743.507.496.76%201.434.76%202.817v1.527c0%20.95.191%201.548.573%201.793-.137.24-.29.387-.46.443-.168.055-.361.083-.58.083-.24%200-.455-.088-.646-.266-.19-.178-.32-.371-.386-.58-.152.249-.415.452-.79.61-.376.157-.768.236-1.177.236-.77%200-1.374-.192-1.814-.577-.44-.384-.66-.93-.66-1.636%200-.827.31-1.474.93-1.94.62-.467%201.502-.7%202.644-.7.195%200%20.426.033.693.1%200-.84-.531-1.26-1.594-1.26-.626%200-1.15.105-1.573.313l-.36-1.293c.574-.275%201.256-.413%202.047-.413zm-47.19%200c1.088%200%201.886.248%202.392.743.507.496.76%201.434.76%202.817v1.527c0%20.95.191%201.548.573%201.793-.137.24-.29.387-.46.443-.168.055-.361.083-.58.083-.24%200-.455-.088-.646-.266-.19-.178-.32-.371-.386-.58-.152.249-.415.452-.79.61-.376.157-.768.236-1.177.236-.77%200-1.374-.192-1.814-.577-.44-.384-.66-.93-.66-1.636%200-.827.31-1.474.93-1.94.62-.467%201.502-.7%202.644-.7.195%200%20.426.033.693.1%200-.84-.531-1.26-1.594-1.26-.626%200-1.15.105-1.573.313l-.36-1.293c.574-.275%201.256-.413%202.047-.413zm15.958%200c1.035%200%201.867.309%202.493.927.627.617.94%201.404.94%202.36%200%20.204-.047.512-.14.926h-5.1c.031.57.227%201.011.587%201.327.36.315.844.473%201.453.473.76%200%201.338-.198%201.733-.594l.647%201.274c-.587.475-1.462.713-2.626.713-1.09%200-1.95-.319-2.584-.956-.633-.638-.95-1.528-.95-2.67%200-1.125.348-2.036%201.044-2.734.695-.697%201.53-1.046%202.503-1.046zM54.453%203.634c.395%200%20.877.086%201.446.26l-.493%201.266c-.365-.12-.645-.18-.84-.18-.316%200-.584.136-.804.407-.22.27-.33.604-.33%201%200%20.058.003.115.007.173h1.48v1.373h-1.453V13.7h-1.667V7.933h-1.04V6.56h1.047c.035-.875.294-1.582.777-2.12.482-.538%201.105-.806%201.87-.806zm67.056-.134v3.513c.431-.39%201.025-.586%201.78-.586.894%200%201.587.248%202.08.743.493.496.74%201.205.74%202.13v4.4h-1.673V9.3c0-.44-.138-.793-.414-1.06-.275-.267-.635-.4-1.08-.4-.275%200-.552.075-.833.224-.28.149-.48.318-.6.51V13.7h-1.693V3.9l1.693-.4zm-58.797.367c1.542%200%202.67.237%203.383.71.713.473%201.07%201.212%201.07%202.216%200%202.24-1.32%203.36-3.96%203.36-.195%200-.457-.015-.786-.046V13.7h-1.734V3.94c1.156-.049%201.831-.073%202.027-.073zm7.58-.367v3.513c.43-.39%201.024-.586%201.78-.586.893%200%201.586.248%202.08.743.492.496.74%201.205.74%202.13v4.4h-1.674V9.3c0-.44-.138-.793-.413-1.06-.276-.267-.635-.4-1.08-.4-.276%200-.553.075-.833.224-.28.149-.48.318-.6.51V13.7h-1.693V3.9l1.693-.4zm8.532%203.06v7.14h-1.686V7.927h-.914V6.56h2.6zm51.218%200v7.14h-1.686V7.927h-.914V6.56h2.6zm-103.19%200v7.14h-1.686V7.927h-.913V6.56h2.6zm108.304%203.693c-1.317%200-1.974.431-1.974%201.293%200%20.64.371.96%201.113.96%201%200%201.5-.5%201.5-1.5v-.666c-.285-.058-.498-.087-.64-.087zm-47.191%200c-1.317%200-1.974.431-1.974%201.293%200%20.64.371.96%201.113.96%201%200%201.5-.5%201.5-1.5v-.666c-.285-.058-.498-.087-.64-.087zm-41.3-2.466c-.52%200-.932.204-1.239.613-.307.41-.46.98-.46%201.713%200%201.574.566%202.36%201.7%202.36.52%200%20.932-.204%201.237-.613.304-.409.456-.991.456-1.747%200-1.55-.564-2.326-1.693-2.326zm67.798.053c-.4%200-.755.155-1.067.467v3.752c.303.245.656.367%201.06.367.77%200%201.321-.183%201.657-.55.336-.366.503-.944.503-1.736%200-.844-.166-1.439-.5-1.784-.333-.344-.884-.516-1.653-.516zm-18.92%200c-.666%200-1.18.204-1.539.61-.36.407-.54.99-.54%201.75%200%201.484.716%202.227%202.147%202.227.16%200%20.356-.048.59-.144.233-.095.385-.192.456-.29V8.267c-.356-.285-.726-.427-1.113-.427zm7.553-.02c-.95%200-1.542.523-1.772%201.566h3.506c-.116-1.043-.693-1.566-1.734-1.566zm-40.15-2.413c-.183%200-.359.011-.527.033v3.127c.293.03.524.046.693.046.791%200%201.369-.132%201.733-.396.364-.265.547-.695.547-1.29%200-1.014-.816-1.52-2.447-1.52zm-36.92-1.613c.267%200%20.495.094.683.283.19.189.284.417.284.683%200%20.267-.095.495-.284.684-.188.188-.416.283-.683.283-.267%200-.494-.095-.683-.283-.19-.19-.284-.417-.284-.684%200-.266.095-.494.284-.683.189-.189.416-.283.683-.283zm51.972%200c.267%200%20.494.094.683.283.19.189.284.417.284.683%200%20.267-.095.495-.284.684-.189.188-.416.283-.683.283-.267%200-.495-.095-.683-.283-.19-.19-.284-.417-.284-.684%200-.266.094-.494.284-.683.188-.189.416-.283.683-.283zm51.217%200c.267%200%20.495.094.684.283.189.189.283.417.283.683%200%20.267-.094.495-.283.684-.19.188-.417.283-.684.283-.266%200-.494-.095-.683-.283-.19-.19-.283-.417-.283-.684%200-.266.094-.494.283-.683.189-.189.417-.283.683-.283z'%20transform='translate(-783%20-743)%20translate(783%20743)'/%3e%3cpath%20fill='%23F2C612'%20d='M3.65%2015.41c.086-.261.367-.404.629-.32.261.087.404.367.32.63-.07.209-.263.34-.472.34l-.04.245s-.08.019-.205-.023c-.126-.04-.194-.108-.194-.108l.116-.228c-.15-.127-.218-.337-.153-.535zm1.572-1.38c1.947.494%203.696.517%204.54.17.377.78.192.876-.085%201.066-.371.254-1.967.557-4.295-.059-.052-.22-.123-.801-.16-1.178zM.582%2011.64c.574.77%202.204%201.704%204.256%202.285.042.373.13.997.169%201.19l-.558-.15C1.991%2014.278.647%2013.314.148%2012.668c-.206-.267-.3-.529.433-1.028zm2.541-9.797c.119-.424.393-.348.487-.321l2.834.792c.22.06.413-.404.615-.347l.94.263.336.094.955.267c.202.056.128.553.346.614l2.835.792c.093.026.368.102.25.527l-.645%202.306c-.009.032.007.055.037.064l.202.056c.068.02.107.074.103.183-.005.118-.023.291-.095.55-.081.29-.183.516-.226.598-.039.077-.074.134-.182.103l-1.816-.507c-.099-.028-.235-.098-.212-.316.048-.453.033-1.378-.06-1.543-.124-.22-1.388-.718-1.388-.718s0%20.08-.063.279c-.062.199-.421.562-.356.678.358.636%201.608.759%201.38%201.863-.583%202.803-.583%204.152-.043%205.303-.788.265-2.283.146-4.22-.395l-.03-.01c-.039-.138-.043-.173-.045-.24v-.036c-.002-.093-.004-.249-.043-.601-.043-.38-.082-.574-.089-.732-.006-.158-.016-.304.07-.612.01-.038.022-.078.035-.12.126-.433.431-1.666.475-2.038.007-.065-.029-.074-.038-.077-.009-.003-.044-.014-.072.046-.163.34-.567%201.541-.693%201.973l-.036.125c-.087.311-.116.485-.108.674.009.187.031.368.072.742.044.4.039.521.042.618.001.053.005.097.018.159-1.695-.516-2.871-1.133-3.368-1.716%201.06-.705%201.76-1.858%202.715-4.56.376-1.063%201.509-.52%202.144-.878.117-.065.002-.561.052-.763.05-.203.087-.273.087-.273s-1.281-.212-1.502-.089c-.164.094-.656.877-.85%201.29-.093.197-.246.187-.346.16l-1.815-.508c-.109-.03-.109-.097-.103-.182.006-.093.036-.34.117-.628.072-.26.147-.417.204-.52.053-.096.115-.123.183-.104l.202.057c.03.008.055-.004.064-.036z'%20transform='translate(-783%20-743)%20translate(783%20743)'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", b = (c) => (E("data-v-27262fc1"), c = c(), q(), c), X = { id: "trusted-site" }, Y = { id: "trusted-site-bar" }, Z = { class: "level is-marginless is-mobile" }, x = /* @__PURE__ */ b(() => /* @__PURE__ */ e("div", { class: "level-left" }, [
|
|
22
|
+
/* @__PURE__ */ e("div", { class: "level-item" }, [
|
|
23
|
+
/* @__PURE__ */ e("a", {
|
|
24
|
+
href: "https://www.phila.gov",
|
|
25
|
+
target: "_blank"
|
|
26
|
+
}, [
|
|
27
|
+
/* @__PURE__ */ e("img", {
|
|
28
|
+
src: W,
|
|
29
|
+
"aria-label": "Link To https://www.phila.gov",
|
|
30
|
+
width: "139",
|
|
31
|
+
height: "18",
|
|
32
|
+
alt: "City of Philadelphia trusted site"
|
|
33
|
+
})
|
|
34
|
+
])
|
|
35
|
+
])
|
|
36
|
+
], -1)), e2 = { class: "level-right" }, s2 = {
|
|
37
|
+
key: 0,
|
|
38
|
+
class: "level-item"
|
|
39
|
+
}, t2 = /* @__PURE__ */ b(() => /* @__PURE__ */ e("span", null, "An official website", -1)), i2 = [
|
|
40
|
+
t2
|
|
41
|
+
], a2 = /* @__PURE__ */ b(() => /* @__PURE__ */ e("span", { class: "icon" }, [
|
|
42
|
+
/* @__PURE__ */ e("i", { class: "fa fa-info-circle" })
|
|
43
|
+
], -1)), l2 = {
|
|
44
|
+
key: 1,
|
|
45
|
+
class: "level-item"
|
|
46
|
+
}, n2 = { class: "container" }, c2 = { id: "close-tsd" }, o2 = { class: "icon" }, d2 = /* @__PURE__ */ b(() => /* @__PURE__ */ e("i", { class: "fas fa-times" }, null, -1)), r2 = [
|
|
47
|
+
d2
|
|
48
|
+
], v2 = /* @__PURE__ */ P('<div id="trusted-panel" data-v-27262fc1><div class="columns is-centered is-marginless is-multiline is-tablet" data-v-27262fc1><div class="column" data-v-27262fc1><div class="trust-icon" data-v-27262fc1><span class="icon circle-icon" data-v-27262fc1><i class="fas fa-lock" data-v-27262fc1></i></span><span class="icon-text" data-v-27262fc1> https:// </span></div><div class="trust-details" data-v-27262fc1> The <strong data-v-27262fc1>https://</strong> in the address bar means your information is encrypted and can not be accessed by anyone else </div></div><div class="column" data-v-27262fc1><div class="trust-icon-right" data-v-27262fc1><span class="icon circle-icon" data-v-27262fc1><i class="fas fa-university" data-v-27262fc1></i></span><span class="icon-text" data-v-27262fc1> .gov </span></div><div class="trust-details-right" data-v-27262fc1> Only government entities in the U.S. can end in .gov </div></div></div></div>', 1), u2 = /* @__PURE__ */ T({
|
|
49
|
+
__name: "_TrustedSite",
|
|
50
|
+
props: {
|
|
51
|
+
isFluid: { type: Boolean, default: !1 }
|
|
52
|
+
},
|
|
53
|
+
emits: ["update-status"],
|
|
54
|
+
setup(c, { emit: d }) {
|
|
55
|
+
let r = $(!1);
|
|
56
|
+
const p = d, s = $(!1), v = () => {
|
|
57
|
+
s.value = !s.value, p("update-status");
|
|
58
|
+
};
|
|
59
|
+
return (i, h) => (a(), l("div", X, [
|
|
60
|
+
e("div", Y, [
|
|
61
|
+
e("div", {
|
|
62
|
+
class: u(["container", { "is-fluid": i.isFluid }])
|
|
63
|
+
}, [
|
|
64
|
+
e("div", Z, [
|
|
65
|
+
x,
|
|
66
|
+
e("div", e2, [
|
|
67
|
+
o(r) ? (a(), l("div", s2, [
|
|
68
|
+
e("a", {
|
|
69
|
+
href: "#",
|
|
70
|
+
onClick: S(v, ["prevent"])
|
|
71
|
+
}, i2),
|
|
72
|
+
a2
|
|
73
|
+
])) : (a(), l("div", l2, [
|
|
74
|
+
H(" An official website of the City of Philadelphia government "),
|
|
75
|
+
e("a", {
|
|
76
|
+
href: "#",
|
|
77
|
+
onClick: S(v, ["prevent"])
|
|
78
|
+
}, "Here's how you know")
|
|
79
|
+
]))
|
|
80
|
+
])
|
|
81
|
+
])
|
|
82
|
+
], 2),
|
|
83
|
+
R(e("div", {
|
|
84
|
+
id: "trusted-site-details",
|
|
85
|
+
class: u({ "is-fluid": i.isFluid })
|
|
86
|
+
}, [
|
|
87
|
+
e("div", n2, [
|
|
88
|
+
e("div", c2, [
|
|
89
|
+
e("span", o2, [
|
|
90
|
+
e("a", {
|
|
91
|
+
href: "#",
|
|
92
|
+
"aria-label": "Close Trusted Site Details",
|
|
93
|
+
onClick: S(v, ["prevent"])
|
|
94
|
+
}, r2)
|
|
95
|
+
])
|
|
96
|
+
]),
|
|
97
|
+
v2
|
|
98
|
+
])
|
|
99
|
+
], 2), [
|
|
100
|
+
[A, s.value]
|
|
101
|
+
])
|
|
102
|
+
])
|
|
103
|
+
]));
|
|
104
|
+
}
|
|
105
|
+
}), h2 = /* @__PURE__ */ L(u2, [["__scopeId", "data-v-27262fc1"]]), m2 = { id: "nav-wrap" }, p2 = { id: "main-nav" }, f2 = { class: "columns is-marginless is-mobile is-vcentered is-multiline" }, _2 = {
|
|
106
|
+
key: 0,
|
|
107
|
+
class: "column has-text-centered mobile-nav-col"
|
|
108
|
+
}, g2 = {
|
|
109
|
+
key: 1,
|
|
110
|
+
class: "column is-narrow branding-col"
|
|
111
|
+
}, b2 = ["href"], k2 = { key: 0 }, y2 = {
|
|
112
|
+
key: 0,
|
|
113
|
+
class: "level-left"
|
|
114
|
+
}, w2 = {
|
|
115
|
+
key: 0,
|
|
116
|
+
class: "level-item"
|
|
117
|
+
}, z2 = {
|
|
118
|
+
key: 1,
|
|
119
|
+
class: "level-item"
|
|
120
|
+
}, V2 = {
|
|
121
|
+
key: 1,
|
|
122
|
+
class: "level-right"
|
|
123
|
+
}, S2 = {
|
|
124
|
+
key: 0,
|
|
125
|
+
class: "level-item"
|
|
126
|
+
}, $2 = {
|
|
127
|
+
key: 1,
|
|
128
|
+
class: "level-item"
|
|
129
|
+
}, T2 = {
|
|
130
|
+
key: 2,
|
|
131
|
+
class: "level-item"
|
|
132
|
+
}, L2 = /* @__PURE__ */ T({
|
|
133
|
+
__name: "AppHeader",
|
|
134
|
+
props: {
|
|
135
|
+
appTitle: { default: "Application Name" },
|
|
136
|
+
appLink: { default: "/" },
|
|
137
|
+
appSubtitle: { default: "" },
|
|
138
|
+
brandingImage: { default: void 0 },
|
|
139
|
+
brandingLink: { default: void 0 },
|
|
140
|
+
isFluid: { type: Boolean, default: !1 },
|
|
141
|
+
isSticky: { type: Boolean, default: !0 }
|
|
142
|
+
},
|
|
143
|
+
setup(c) {
|
|
144
|
+
const d = D("responsiveHelpers"), { responsiveState: r, updateResponsiveState: p } = d, s = _(() => r.isMobile), v = c, i = O();
|
|
145
|
+
let h = $(null);
|
|
146
|
+
const C = () => {
|
|
147
|
+
h.value && clearTimeout(h.value), h.value = setTimeout(() => {
|
|
148
|
+
k();
|
|
149
|
+
}, 500);
|
|
150
|
+
}, k = () => {
|
|
151
|
+
v.isSticky && G(function() {
|
|
152
|
+
p(window);
|
|
153
|
+
let t = document.querySelector("body"), z = document.querySelector("#app-header"), V = document.querySelector("main");
|
|
154
|
+
if (t && t.classList.add("has-sticky-header"), !V) {
|
|
155
|
+
console.warn(
|
|
156
|
+
"Remember to add a main container (<main>) when the header is sticky."
|
|
157
|
+
);
|
|
158
|
+
return;
|
|
159
|
+
}
|
|
160
|
+
z && (V.style.cssText = V.style.cssText + `margin-top: ${z.offsetHeight}px`);
|
|
161
|
+
});
|
|
162
|
+
}, y = _(() => !f.value && w), f = _(() => i["tabs-nav"] || i["left-nav"] && !s.value), w = _(() => i["lang-selector-nav"] || i["dropdown-nav"] || i["right-nav"]), g = _(() => v.brandingImage || v.brandingLink && !s.value);
|
|
163
|
+
return U(() => {
|
|
164
|
+
k(), window.addEventListener("resize", C);
|
|
165
|
+
}), j(() => {
|
|
166
|
+
window.removeEventListener("resize", C), h.value && clearTimeout(h.value);
|
|
167
|
+
}), (t, z) => (a(), l("header", {
|
|
168
|
+
id: "app-header",
|
|
169
|
+
ref: "app-header",
|
|
170
|
+
class: u({ "is-sticky": t.isSticky })
|
|
171
|
+
}, [
|
|
172
|
+
I(h2, {
|
|
173
|
+
"is-fluid": t.isFluid,
|
|
174
|
+
onUpdateStatus: k
|
|
175
|
+
}, null, 8, ["is-fluid"]),
|
|
176
|
+
e("div", m2, [
|
|
177
|
+
e("div", {
|
|
178
|
+
class: u(["container", { "is-fluid": t.isFluid }])
|
|
179
|
+
}, [
|
|
180
|
+
e("nav", p2, [
|
|
181
|
+
e("div", f2, [
|
|
182
|
+
o(i)["mobile-nav"] && s.value ? (a(), l("div", _2, [
|
|
183
|
+
m(t.$slots, "mobile-nav", {}, void 0, !0)
|
|
184
|
+
])) : n("", !0),
|
|
185
|
+
g.value ? (a(), l("div", g2, [
|
|
186
|
+
I(Q, {
|
|
187
|
+
"branding-image": t.brandingImage,
|
|
188
|
+
"branding-link": t.brandingLink
|
|
189
|
+
}, null, 8, ["branding-image", "branding-link"])
|
|
190
|
+
])) : n("", !0),
|
|
191
|
+
e("div", {
|
|
192
|
+
class: u(["column title-col", {
|
|
193
|
+
"no-mobile-nav": s.value && !o(i)["mobile-nav"],
|
|
194
|
+
"is-4": !s.value && g.value && y.value,
|
|
195
|
+
"is-6": !g.value && y.value,
|
|
196
|
+
"is-8": !s.value && !y.value && !g.value,
|
|
197
|
+
"has-mobile-nav": o(i)["mobile-nav"] && s.value
|
|
198
|
+
}])
|
|
199
|
+
}, [
|
|
200
|
+
e("div", null, [
|
|
201
|
+
e("a", {
|
|
202
|
+
class: "app-title",
|
|
203
|
+
href: t.appLink
|
|
204
|
+
}, [
|
|
205
|
+
e("h1", null, M(t.appTitle), 1),
|
|
206
|
+
t.appSubtitle && !s.value ? (a(), l("h2", k2, M(t.appSubtitle), 1)) : n("", !0)
|
|
207
|
+
], 8, b2)
|
|
208
|
+
])
|
|
209
|
+
], 2),
|
|
210
|
+
f.value || w.value ? (a(), l("div", {
|
|
211
|
+
key: 2,
|
|
212
|
+
class: u(["column nav-col", { "is-12": !s.value && f.value }])
|
|
213
|
+
}, [
|
|
214
|
+
e("div", {
|
|
215
|
+
class: u(["level", { "is-pulled-right": !s.value && !f.value }])
|
|
216
|
+
}, [
|
|
217
|
+
f.value ? (a(), l("div", y2, [
|
|
218
|
+
o(i)["tabs-nav"] ? (a(), l("div", w2, [
|
|
219
|
+
m(t.$slots, "tabs-nav", {}, void 0, !0)
|
|
220
|
+
])) : n("", !0),
|
|
221
|
+
o(i)["left-nav"] ? (a(), l("div", z2, [
|
|
222
|
+
m(t.$slots, "left-nav", {}, void 0, !0)
|
|
223
|
+
])) : n("", !0)
|
|
224
|
+
])) : n("", !0),
|
|
225
|
+
w.value ? (a(), l("div", V2, [
|
|
226
|
+
o(i)["right-nav"] && !s.value ? (a(), l("div", S2, [
|
|
227
|
+
m(t.$slots, "right-nav", {}, void 0, !0)
|
|
228
|
+
])) : n("", !0),
|
|
229
|
+
o(i)["lang-selector-nav"] ? (a(), l("div", $2, [
|
|
230
|
+
m(t.$slots, "lang-selector-nav", {}, void 0, !0)
|
|
231
|
+
])) : n("", !0),
|
|
232
|
+
o(i)["dropdown-nav"] && !s.value ? (a(), l("div", T2, [
|
|
233
|
+
m(t.$slots, "dropdown-nav", {}, void 0, !0)
|
|
234
|
+
])) : n("", !0)
|
|
235
|
+
])) : n("", !0)
|
|
236
|
+
], 2)
|
|
237
|
+
], 2)) : n("", !0)
|
|
238
|
+
])
|
|
239
|
+
])
|
|
240
|
+
], 2)
|
|
241
|
+
])
|
|
242
|
+
], 2));
|
|
243
|
+
}
|
|
244
|
+
}), M2 = /* @__PURE__ */ L(L2, [["__scopeId", "data-v-9b376a16"]]);
|
|
245
|
+
export {
|
|
246
|
+
M2 as default
|
|
247
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(function(t,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue")):typeof define=="function"&&define.amd?define(["vue"],r):(t=typeof globalThis<"u"?globalThis:t||self,t.AppHeader=r(t.Vue))})(this,function(t){"use strict";var r=document.createElement("style");r.textContent=`@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}#app-logo[data-v-7f468aea]{padding-right:.75rem;border-right:1px solid hsl(255,100%,100%);margin-right:.75rem}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}#trusted-site[data-v-27262fc1]{color:#fff}@media screen and (max-width: 767px){#trusted-site .container[data-v-27262fc1]{padding-left:1rem!important}}#trusted-site a[data-v-27262fc1],#trusted-site strong[data-v-27262fc1]{color:#fff}#trusted-site-bar[data-v-27262fc1]{background-color:#2176d2}#trusted-site-bar .level-left[data-v-27262fc1]{font-size:.875rem;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.45}#trusted-site-bar .level-left img[data-v-27262fc1]{margin-right:.188rem}#trusted-site-bar .level-right[data-v-27262fc1]{font-size:.75rem}#trusted-site-bar .level-right a[data-v-27262fc1]{font-weight:600;text-decoration:underline}#trusted-site-details[data-v-27262fc1]{position:relative;background-color:#0c59a6}#trusted-site-details .trust-icon[data-v-27262fc1],#trusted-site-details .trust-icon-right[data-v-27262fc1]{width:115px;display:inline-block;vertical-align:middle}#trusted-site-details .trust-details[data-v-27262fc1],#trusted-site-details .trust-details-right[data-v-27262fc1]{width:calc(100% - 120px);display:inline-block;vertical-align:middle;line-height:1.1;font-size:.75rem}#trusted-site-details .trust-icon-right[data-v-27262fc1]{width:75px}@media screen and (max-width: 767px){#trusted-site-details .trust-icon-right[data-v-27262fc1]{width:115px}}#trusted-site-details .trust-details-right[data-v-27262fc1]{width:calc(100% - 80px)}@media screen and (max-width: 767px){#trusted-site-details .trust-details-right[data-v-27262fc1]{width:calc(100% - 120px)}}#trusted-site-details .circle-icon[data-v-27262fc1]{border-radius:50%;background-color:#fff;width:1.5rem;height:1.5rem;text-align:center;font-size:1rem;color:#2176d2;margin-right:.1rem}#trusted-site-details .icon-text[data-v-27262fc1]{font-family:Montserrat,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.5rem}@media screen and (max-width: 767px){#trusted-panel[data-v-27262fc1]{padding:0 3rem}}@media screen and (max-width: 600px){#trusted-panel[data-v-27262fc1]{padding:0 2rem}}@media screen and (max-width: 500px){#trusted-panel[data-v-27262fc1]{padding:0 1rem 0 0}}#trusted-panel .columns>.column[data-v-27262fc1]{padding-left:0}#trusted-panel .columns>.column+.column[data-v-27262fc1]{padding-right:0}#close-tsd[data-v-27262fc1]{position:absolute;top:0;right:0;font-size:1.75rem;font-weight:400;width:3rem;height:3rem;padding:.875rem;text-align:center}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}#app-header .container{padding:0}@media screen and (max-width: 1023px){#app-header .container{padding-left:1rem!important;padding-right:1rem!important}}@media screen and (max-width: 767px){#app-header .container{padding-left:0rem!important;padding-right:0rem!important}}.m-nav-opened{height:100%;overflow:hidden}@font-face{font-family:Montserrat;src:local("Montserrat Regular"),local("Montserrat-Regular"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans Bold Italic"),local("OpenSans-BoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:local("Montserrat Bold"),local("Montserrat-Bold"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/Montserrat/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBoldItalic.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff2) format("woff2"),url(https://www.phila.gov/assets/fonts/OpenSans/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal}@media screen and (max-width: 767px){#app-header[data-v-9b376a16]{border-bottom:2px solid hsl(191.7,92.9%,55.7%)}}#app-header.is-sticky[data-v-9b376a16]{width:100%;position:fixed;top:0;left:0;z-index:998}#main-nav>.columns[data-v-9b376a16]{margin:5px 0}#main-nav>.columns .column[data-v-9b376a16]{padding-top:.5rem;padding-bottom:1rem}@media screen and (max-width: 767px){#main-nav>.columns .column[data-v-9b376a16]{padding:0}}@media screen and (max-width: 767px){#main-nav>.columns .column.mobile-nav-col[data-v-9b376a16]{width:50px;flex:none}}#main-nav>.columns .column.branding-col[data-v-9b376a16]{padding-left:0;padding-right:0}#main-nav>.columns .column.title-col[data-v-9b376a16]{padding-left:0;text-align:left}@media screen and (max-width: 767px){#main-nav>.columns .column.title-col[data-v-9b376a16]{padding-top:.5rem;padding-bottom:.5rem;width:calc(100% - 100px);flex:none}#main-nav>.columns .column.title-col.no-mobile-nav[data-v-9b376a16]{padding-left:1rem;width:calc(100% - 50px)}}#main-nav>.columns .column.title-col.has-mobile-nav[data-v-9b376a16]{padding-left:10px}#main-nav>.columns .column.nav-col[data-v-9b376a16]{padding:0}@media screen and (max-width: 767px){#main-nav>.columns .column.nav-col[data-v-9b376a16]{width:50px;flex:none}}#nav-wrap[data-v-9b376a16]{background-color:#0f4d90}a.app-title[data-v-9b376a16]{color:#fff}a.app-title h1[data-v-9b376a16]{font-family:Montserrat,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.375rem;font-weight:700;line-height:1.09;padding:0}@media screen and (max-width: 767px){a.app-title h1[data-v-9b376a16]{font-weight:400;font-size:1rem}}a.app-title h2[data-v-9b376a16]{font-family:Montserrat,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.33;padding:0}
|
|
2
|
+
`,document.head.appendChild(r);const y={id:"app-logo"},B=t.defineComponent({__name:"_Branding",props:{brandingImage:{default:null},brandingLink:{default:null}},setup(o){return(s,l)=>(t.openBlock(),t.createElementBlock("div",y,[t.createElementVNode("a",t.mergeProps(s.brandingLink,{class:"is-inline-block"}),[t.createElementVNode("img",t.normalizeProps(t.guardReactiveProps(s.brandingImage)),null,16)],16)]))}}),w=(o,s)=>{const l=o.__vccOpts||o;for(const[c,e]of s)l[c]=e;return l},b=w(B,[["__scopeId","data-v-7f468aea"]]),_="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='139'%20height='18'%20viewBox='0%200%20139%2018'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cg%3e%3cg%3e%3cpath%20fill='%23FFF'%20d='M35.066%206.56l1.946%204.933%201.754-4.933h1.726l-3.126%208.286c-.178.476-.56.87-1.144%201.183-.584.314-1.265.471-2.043.471v-1.474c1.285%200%201.927-.322%201.927-.967%200-.426-.178-1.08-.533-1.96L33.339%206.56h1.727zm79.87-.133c2.276%200%203.414%201.253%203.414%203.76%200%201.168-.315%202.068-.944%202.7-.628.63-1.488.946-2.576.946-.525%200-1.002-.104-1.434-.313v2.98h-1.666V6.56h1.666v.48c.419-.409.932-.613%201.54-.613zm-94.463-2.66c1.12%200%202.016.229%202.687.687l-.714%201.433c-.386-.387-1.009-.58-1.866-.58-.814%200-1.48.341-2%201.023-.52.683-.78%201.546-.78%202.59%200%201.045.24%201.873.723%202.487.482.613%201.125.92%201.93.92.92%200%201.64-.329%202.16-.987l.806%201.4c-.706.75-1.742%201.126-3.106%201.126-1.364%200-2.424-.448-3.18-1.346C16.378%2011.622%2016%2010.398%2016%208.847c0-1.444.419-2.653%201.257-3.623.837-.972%201.91-1.457%203.216-1.457zM109.79%203.5v8.027c0%20.88.262%201.404.787%201.573-.258.489-.698.733-1.32.733-.756%200-1.134-.525-1.134-1.573V3.9l1.667-.4zm-11.466%200v10.2h-1.667v-.433c-.138.15-.37.283-.7.396-.328.113-.669.17-1.02.17-.995%200-1.779-.316-2.35-.947-.57-.631-.856-1.51-.856-2.64%200-1.128.328-2.047.983-2.756.656-.709%201.476-1.063%202.463-1.063.542%200%201.036.11%201.48.333V3.9l1.667-.4zm-67.612.994V6.56h1.96V7.9h-1.96v3.127c0%20.51.08.872.24%201.083.16.211.44.316.84.316.4%200%20.774-.109%201.12-.326v1.533c-.386.134-.937.2-1.653.2-.71%200-1.257-.201-1.64-.603-.382-.402-.573-.975-.573-1.717V7.9h-.827V6.56h.827V5.107l1.666-.613zm15.954%201.933c1.084%200%201.927.329%202.526.986.6.658.9%201.558.9%202.7%200%201.138-.305%202.043-.916%202.714-.611.67-1.448%201.006-2.51%201.006-1.085%200-1.928-.339-2.53-1.016-.602-.678-.904-1.58-.904-2.704%200-1.089.315-1.975.944-2.66.629-.684%201.459-1.026%202.49-1.026zM82.718%203.5v8.027c0%20.88.262%201.404.787%201.573-.259.489-.698.733-1.32.733-.756%200-1.134-.525-1.134-1.573V3.9l1.667-.4zm51.584%202.927c1.09%200%201.887.248%202.393.743.507.496.76%201.434.76%202.817v1.527c0%20.95.191%201.548.573%201.793-.137.24-.29.387-.46.443-.168.055-.361.083-.58.083-.24%200-.455-.088-.646-.266-.19-.178-.32-.371-.386-.58-.152.249-.415.452-.79.61-.376.157-.768.236-1.177.236-.77%200-1.374-.192-1.814-.577-.44-.384-.66-.93-.66-1.636%200-.827.31-1.474.93-1.94.62-.467%201.502-.7%202.644-.7.195%200%20.426.033.693.1%200-.84-.531-1.26-1.594-1.26-.626%200-1.15.105-1.573.313l-.36-1.293c.574-.275%201.256-.413%202.047-.413zm-47.19%200c1.088%200%201.886.248%202.392.743.507.496.76%201.434.76%202.817v1.527c0%20.95.191%201.548.573%201.793-.137.24-.29.387-.46.443-.168.055-.361.083-.58.083-.24%200-.455-.088-.646-.266-.19-.178-.32-.371-.386-.58-.152.249-.415.452-.79.61-.376.157-.768.236-1.177.236-.77%200-1.374-.192-1.814-.577-.44-.384-.66-.93-.66-1.636%200-.827.31-1.474.93-1.94.62-.467%201.502-.7%202.644-.7.195%200%20.426.033.693.1%200-.84-.531-1.26-1.594-1.26-.626%200-1.15.105-1.573.313l-.36-1.293c.574-.275%201.256-.413%202.047-.413zm15.958%200c1.035%200%201.867.309%202.493.927.627.617.94%201.404.94%202.36%200%20.204-.047.512-.14.926h-5.1c.031.57.227%201.011.587%201.327.36.315.844.473%201.453.473.76%200%201.338-.198%201.733-.594l.647%201.274c-.587.475-1.462.713-2.626.713-1.09%200-1.95-.319-2.584-.956-.633-.638-.95-1.528-.95-2.67%200-1.125.348-2.036%201.044-2.734.695-.697%201.53-1.046%202.503-1.046zM54.453%203.634c.395%200%20.877.086%201.446.26l-.493%201.266c-.365-.12-.645-.18-.84-.18-.316%200-.584.136-.804.407-.22.27-.33.604-.33%201%200%20.058.003.115.007.173h1.48v1.373h-1.453V13.7h-1.667V7.933h-1.04V6.56h1.047c.035-.875.294-1.582.777-2.12.482-.538%201.105-.806%201.87-.806zm67.056-.134v3.513c.431-.39%201.025-.586%201.78-.586.894%200%201.587.248%202.08.743.493.496.74%201.205.74%202.13v4.4h-1.673V9.3c0-.44-.138-.793-.414-1.06-.275-.267-.635-.4-1.08-.4-.275%200-.552.075-.833.224-.28.149-.48.318-.6.51V13.7h-1.693V3.9l1.693-.4zm-58.797.367c1.542%200%202.67.237%203.383.71.713.473%201.07%201.212%201.07%202.216%200%202.24-1.32%203.36-3.96%203.36-.195%200-.457-.015-.786-.046V13.7h-1.734V3.94c1.156-.049%201.831-.073%202.027-.073zm7.58-.367v3.513c.43-.39%201.024-.586%201.78-.586.893%200%201.586.248%202.08.743.492.496.74%201.205.74%202.13v4.4h-1.674V9.3c0-.44-.138-.793-.413-1.06-.276-.267-.635-.4-1.08-.4-.276%200-.553.075-.833.224-.28.149-.48.318-.6.51V13.7h-1.693V3.9l1.693-.4zm8.532%203.06v7.14h-1.686V7.927h-.914V6.56h2.6zm51.218%200v7.14h-1.686V7.927h-.914V6.56h2.6zm-103.19%200v7.14h-1.686V7.927h-.913V6.56h2.6zm108.304%203.693c-1.317%200-1.974.431-1.974%201.293%200%20.64.371.96%201.113.96%201%200%201.5-.5%201.5-1.5v-.666c-.285-.058-.498-.087-.64-.087zm-47.191%200c-1.317%200-1.974.431-1.974%201.293%200%20.64.371.96%201.113.96%201%200%201.5-.5%201.5-1.5v-.666c-.285-.058-.498-.087-.64-.087zm-41.3-2.466c-.52%200-.932.204-1.239.613-.307.41-.46.98-.46%201.713%200%201.574.566%202.36%201.7%202.36.52%200%20.932-.204%201.237-.613.304-.409.456-.991.456-1.747%200-1.55-.564-2.326-1.693-2.326zm67.798.053c-.4%200-.755.155-1.067.467v3.752c.303.245.656.367%201.06.367.77%200%201.321-.183%201.657-.55.336-.366.503-.944.503-1.736%200-.844-.166-1.439-.5-1.784-.333-.344-.884-.516-1.653-.516zm-18.92%200c-.666%200-1.18.204-1.539.61-.36.407-.54.99-.54%201.75%200%201.484.716%202.227%202.147%202.227.16%200%20.356-.048.59-.144.233-.095.385-.192.456-.29V8.267c-.356-.285-.726-.427-1.113-.427zm7.553-.02c-.95%200-1.542.523-1.772%201.566h3.506c-.116-1.043-.693-1.566-1.734-1.566zm-40.15-2.413c-.183%200-.359.011-.527.033v3.127c.293.03.524.046.693.046.791%200%201.369-.132%201.733-.396.364-.265.547-.695.547-1.29%200-1.014-.816-1.52-2.447-1.52zm-36.92-1.613c.267%200%20.495.094.683.283.19.189.284.417.284.683%200%20.267-.095.495-.284.684-.188.188-.416.283-.683.283-.267%200-.494-.095-.683-.283-.19-.19-.284-.417-.284-.684%200-.266.095-.494.284-.683.189-.189.416-.283.683-.283zm51.972%200c.267%200%20.494.094.683.283.19.189.284.417.284.683%200%20.267-.095.495-.284.684-.189.188-.416.283-.683.283-.267%200-.495-.095-.683-.283-.19-.19-.284-.417-.284-.684%200-.266.094-.494.284-.683.188-.189.416-.283.683-.283zm51.217%200c.267%200%20.495.094.684.283.189.189.283.417.283.683%200%20.267-.094.495-.283.684-.19.188-.417.283-.684.283-.266%200-.494-.095-.683-.283-.19-.19-.283-.417-.283-.684%200-.266.094-.494.283-.683.189-.189.417-.283.683-.283z'%20transform='translate(-783%20-743)%20translate(783%20743)'/%3e%3cpath%20fill='%23F2C612'%20d='M3.65%2015.41c.086-.261.367-.404.629-.32.261.087.404.367.32.63-.07.209-.263.34-.472.34l-.04.245s-.08.019-.205-.023c-.126-.04-.194-.108-.194-.108l.116-.228c-.15-.127-.218-.337-.153-.535zm1.572-1.38c1.947.494%203.696.517%204.54.17.377.78.192.876-.085%201.066-.371.254-1.967.557-4.295-.059-.052-.22-.123-.801-.16-1.178zM.582%2011.64c.574.77%202.204%201.704%204.256%202.285.042.373.13.997.169%201.19l-.558-.15C1.991%2014.278.647%2013.314.148%2012.668c-.206-.267-.3-.529.433-1.028zm2.541-9.797c.119-.424.393-.348.487-.321l2.834.792c.22.06.413-.404.615-.347l.94.263.336.094.955.267c.202.056.128.553.346.614l2.835.792c.093.026.368.102.25.527l-.645%202.306c-.009.032.007.055.037.064l.202.056c.068.02.107.074.103.183-.005.118-.023.291-.095.55-.081.29-.183.516-.226.598-.039.077-.074.134-.182.103l-1.816-.507c-.099-.028-.235-.098-.212-.316.048-.453.033-1.378-.06-1.543-.124-.22-1.388-.718-1.388-.718s0%20.08-.063.279c-.062.199-.421.562-.356.678.358.636%201.608.759%201.38%201.863-.583%202.803-.583%204.152-.043%205.303-.788.265-2.283.146-4.22-.395l-.03-.01c-.039-.138-.043-.173-.045-.24v-.036c-.002-.093-.004-.249-.043-.601-.043-.38-.082-.574-.089-.732-.006-.158-.016-.304.07-.612.01-.038.022-.078.035-.12.126-.433.431-1.666.475-2.038.007-.065-.029-.074-.038-.077-.009-.003-.044-.014-.072.046-.163.34-.567%201.541-.693%201.973l-.036.125c-.087.311-.116.485-.108.674.009.187.031.368.072.742.044.4.039.521.042.618.001.053.005.097.018.159-1.695-.516-2.871-1.133-3.368-1.716%201.06-.705%201.76-1.858%202.715-4.56.376-1.063%201.509-.52%202.144-.878.117-.065.002-.561.052-.763.05-.203.087-.273.087-.273s-1.281-.212-1.502-.089c-.164.094-.656.877-.85%201.29-.093.197-.246.187-.346.16l-1.815-.508c-.109-.03-.109-.097-.103-.182.006-.093.036-.34.117-.628.072-.26.147-.417.204-.52.053-.096.115-.123.183-.104l.202.057c.03.008.055-.004.064-.036z'%20transform='translate(-783%20-743)%20translate(783%20743)'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e",p=o=>(t.pushScopeId("data-v-27262fc1"),o=o(),t.popScopeId(),o),k={id:"trusted-site"},M={id:"trusted-site-bar"},V={class:"level is-marginless is-mobile"},I=p(()=>t.createElementVNode("div",{class:"level-left"},[t.createElementVNode("div",{class:"level-item"},[t.createElementVNode("a",{href:"https://www.phila.gov",target:"_blank"},[t.createElementVNode("img",{src:_,"aria-label":"Link To https://www.phila.gov",width:"139",height:"18",alt:"City of Philadelphia trusted site"})])])],-1)),x={class:"level-right"},z={key:0,class:"level-item"},N=[p(()=>t.createElementVNode("span",null,"An official website",-1))],E=p(()=>t.createElementVNode("span",{class:"icon"},[t.createElementVNode("i",{class:"fa fa-info-circle"})],-1)),R={key:1,class:"level-item"},C={class:"container"},$={id:"close-tsd"},F={class:"icon"},T=[p(()=>t.createElementVNode("i",{class:"fas fa-times"},null,-1))],H=t.createStaticVNode('<div id="trusted-panel" data-v-27262fc1><div class="columns is-centered is-marginless is-multiline is-tablet" data-v-27262fc1><div class="column" data-v-27262fc1><div class="trust-icon" data-v-27262fc1><span class="icon circle-icon" data-v-27262fc1><i class="fas fa-lock" data-v-27262fc1></i></span><span class="icon-text" data-v-27262fc1> https:// </span></div><div class="trust-details" data-v-27262fc1> The <strong data-v-27262fc1>https://</strong> in the address bar means your information is encrypted and can not be accessed by anyone else </div></div><div class="column" data-v-27262fc1><div class="trust-icon-right" data-v-27262fc1><span class="icon circle-icon" data-v-27262fc1><i class="fas fa-university" data-v-27262fc1></i></span><span class="icon-text" data-v-27262fc1> .gov </span></div><div class="trust-details-right" data-v-27262fc1> Only government entities in the U.S. can end in .gov </div></div></div></div>',1),L=w(t.defineComponent({__name:"_TrustedSite",props:{isFluid:{type:Boolean,default:!1}},emits:["update-status"],setup(o,{emit:s}){let l=t.ref(!1);const c=s,e=t.ref(!1),i=()=>{e.value=!e.value,c("update-status")};return(n,f)=>(t.openBlock(),t.createElementBlock("div",k,[t.createElementVNode("div",M,[t.createElementVNode("div",{class:t.normalizeClass(["container",{"is-fluid":n.isFluid}])},[t.createElementVNode("div",V,[I,t.createElementVNode("div",x,[t.unref(l)?(t.openBlock(),t.createElementBlock("div",z,[t.createElementVNode("a",{href:"#",onClick:t.withModifiers(i,["prevent"])},N),E])):(t.openBlock(),t.createElementBlock("div",R,[t.createTextVNode(" An official website of the City of Philadelphia government "),t.createElementVNode("a",{href:"#",onClick:t.withModifiers(i,["prevent"])},"Here's how you know")]))])])],2),t.withDirectives(t.createElementVNode("div",{id:"trusted-site-details",class:t.normalizeClass({"is-fluid":n.isFluid})},[t.createElementVNode("div",C,[t.createElementVNode("div",$,[t.createElementVNode("span",F,[t.createElementVNode("a",{href:"#","aria-label":"Close Trusted Site Details",onClick:t.withModifiers(i,["prevent"])},T)])]),H])],2),[[t.vShow,e.value]])])]))}}),[["__scopeId","data-v-27262fc1"]]),A={id:"nav-wrap"},U={id:"main-nav"},D={class:"columns is-marginless is-mobile is-vcentered is-multiline"},P={key:0,class:"column has-text-centered mobile-nav-col"},q={key:1,class:"column is-narrow branding-col"},j=["href"],G={key:0},J={key:0,class:"level-left"},K={key:0,class:"level-item"},Q={key:1,class:"level-item"},W={key:1,class:"level-right"},X={key:0,class:"level-item"},Y={key:1,class:"level-item"},Z={key:2,class:"level-item"};return w(t.defineComponent({__name:"AppHeader",props:{appTitle:{default:"Application Name"},appLink:{default:"/"},appSubtitle:{default:""},brandingImage:{default:void 0},brandingLink:{default:void 0},isFluid:{type:Boolean,default:!1},isSticky:{type:Boolean,default:!0}},setup(o){const s=t.inject("responsiveHelpers"),{responsiveState:l,updateResponsiveState:c}=s,e=t.computed(()=>l.isMobile),i=o,n=t.useSlots();let f=t.ref(null);const O=()=>{f.value&&clearTimeout(f.value),f.value=setTimeout(()=>{h()},500)},h=()=>{i.isSticky&&t.nextTick(function(){c(window);let a=document.querySelector("body"),u=document.querySelector("#app-header"),v=document.querySelector("main");if(a&&a.classList.add("has-sticky-header"),!v){console.warn("Remember to add a main container (<main>) when the header is sticky.");return}u&&(v.style.cssText=v.style.cssText+`margin-top: ${u.offsetHeight}px`)})},g=t.computed(()=>!d.value&&S),d=t.computed(()=>n["tabs-nav"]||n["left-nav"]&&!e.value),S=t.computed(()=>n["lang-selector-nav"]||n["dropdown-nav"]||n["right-nav"]),m=t.computed(()=>i.brandingImage||i.brandingLink&&!e.value);return t.onMounted(()=>{h(),window.addEventListener("resize",O)}),t.onUnmounted(()=>{window.removeEventListener("resize",O),f.value&&clearTimeout(f.value)}),(a,u)=>(t.openBlock(),t.createElementBlock("header",{id:"app-header",ref:"app-header",class:t.normalizeClass({"is-sticky":a.isSticky})},[t.createVNode(L,{"is-fluid":a.isFluid,onUpdateStatus:h},null,8,["is-fluid"]),t.createElementVNode("div",A,[t.createElementVNode("div",{class:t.normalizeClass(["container",{"is-fluid":a.isFluid}])},[t.createElementVNode("nav",U,[t.createElementVNode("div",D,[t.unref(n)["mobile-nav"]&&e.value?(t.openBlock(),t.createElementBlock("div",P,[t.renderSlot(a.$slots,"mobile-nav",{},void 0,!0)])):t.createCommentVNode("",!0),m.value?(t.openBlock(),t.createElementBlock("div",q,[t.createVNode(b,{"branding-image":a.brandingImage,"branding-link":a.brandingLink},null,8,["branding-image","branding-link"])])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["column title-col",{"no-mobile-nav":e.value&&!t.unref(n)["mobile-nav"],"is-4":!e.value&&m.value&&g.value,"is-6":!m.value&&g.value,"is-8":!e.value&&!g.value&&!m.value,"has-mobile-nav":t.unref(n)["mobile-nav"]&&e.value}])},[t.createElementVNode("div",null,[t.createElementVNode("a",{class:"app-title",href:a.appLink},[t.createElementVNode("h1",null,t.toDisplayString(a.appTitle),1),a.appSubtitle&&!e.value?(t.openBlock(),t.createElementBlock("h2",G,t.toDisplayString(a.appSubtitle),1)):t.createCommentVNode("",!0)],8,j)])],2),d.value||S.value?(t.openBlock(),t.createElementBlock("div",{key:2,class:t.normalizeClass(["column nav-col",{"is-12":!e.value&&d.value}])},[t.createElementVNode("div",{class:t.normalizeClass(["level",{"is-pulled-right":!e.value&&!d.value}])},[d.value?(t.openBlock(),t.createElementBlock("div",J,[t.unref(n)["tabs-nav"]?(t.openBlock(),t.createElementBlock("div",K,[t.renderSlot(a.$slots,"tabs-nav",{},void 0,!0)])):t.createCommentVNode("",!0),t.unref(n)["left-nav"]?(t.openBlock(),t.createElementBlock("div",Q,[t.renderSlot(a.$slots,"left-nav",{},void 0,!0)])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0),S.value?(t.openBlock(),t.createElementBlock("div",W,[t.unref(n)["right-nav"]&&!e.value?(t.openBlock(),t.createElementBlock("div",X,[t.renderSlot(a.$slots,"right-nav",{},void 0,!0)])):t.createCommentVNode("",!0),t.unref(n)["lang-selector-nav"]?(t.openBlock(),t.createElementBlock("div",Y,[t.renderSlot(a.$slots,"lang-selector-nav",{},void 0,!0)])):t.createCommentVNode("",!0),t.unref(n)["dropdown-nav"]&&!e.value?(t.openBlock(),t.createElementBlock("div",Z,[t.renderSlot(a.$slots,"dropdown-nav",{},void 0,!0)])):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)],2)],2)):t.createCommentVNode("",!0)])])],2)])],2))}}),[["__scopeId","data-v-9b376a16"]])});
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { AppHeaderProps } from './types';
|
|
2
|
+
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AppHeaderProps>, {
|
|
4
|
+
appTitle: string;
|
|
5
|
+
appLink: string;
|
|
6
|
+
appSubtitle: string;
|
|
7
|
+
isFluid: boolean;
|
|
8
|
+
isSticky: boolean;
|
|
9
|
+
brandingImage: undefined;
|
|
10
|
+
brandingLink: undefined;
|
|
11
|
+
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AppHeaderProps>, {
|
|
12
|
+
appTitle: string;
|
|
13
|
+
appLink: string;
|
|
14
|
+
appSubtitle: string;
|
|
15
|
+
isFluid: boolean;
|
|
16
|
+
isSticky: boolean;
|
|
17
|
+
brandingImage: undefined;
|
|
18
|
+
brandingLink: undefined;
|
|
19
|
+
}>>>, {
|
|
20
|
+
brandingImage: import('./components/_Branding.vue').BrandingImage;
|
|
21
|
+
brandingLink: import('./components/_Branding.vue').BrandingLink;
|
|
22
|
+
appTitle: string;
|
|
23
|
+
appLink: string;
|
|
24
|
+
appSubtitle: string;
|
|
25
|
+
isFluid: boolean;
|
|
26
|
+
isSticky: boolean;
|
|
27
|
+
}, {}>, {
|
|
28
|
+
"mobile-nav"?(_: {}): any;
|
|
29
|
+
"tabs-nav"?(_: {}): any;
|
|
30
|
+
"left-nav"?(_: {}): any;
|
|
31
|
+
"right-nav"?(_: {}): any;
|
|
32
|
+
"lang-selector-nav"?(_: {}): any;
|
|
33
|
+
"dropdown-nav"?(_: {}): any;
|
|
34
|
+
}>;
|
|
35
|
+
export default _default;
|
|
36
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
37
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
38
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
39
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
40
|
+
} : {
|
|
41
|
+
type: import('vue').PropType<T[K]>;
|
|
42
|
+
required: true;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
type __VLS_WithDefaults<P, D> = {
|
|
46
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
47
|
+
default: D[K];
|
|
48
|
+
}> : P[K];
|
|
49
|
+
};
|
|
50
|
+
type __VLS_Prettify<T> = {
|
|
51
|
+
[K in keyof T]: T[K];
|
|
52
|
+
} & {};
|
|
53
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
54
|
+
new (): {
|
|
55
|
+
$slots: S;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
export interface BrandingImage {
|
|
2
|
+
src: string;
|
|
3
|
+
}
|
|
4
|
+
export interface BrandingLink {
|
|
5
|
+
href: string;
|
|
6
|
+
target?: string;
|
|
7
|
+
rel?: string;
|
|
8
|
+
}
|
|
9
|
+
interface BrandingProps {
|
|
10
|
+
brandingImage?: BrandingImage | null;
|
|
11
|
+
brandingLink?: BrandingLink | null;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BrandingProps>, {
|
|
14
|
+
brandingImage: null;
|
|
15
|
+
brandingLink: null;
|
|
16
|
+
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BrandingProps>, {
|
|
17
|
+
brandingImage: null;
|
|
18
|
+
brandingLink: null;
|
|
19
|
+
}>>>, {
|
|
20
|
+
brandingImage: BrandingImage | null;
|
|
21
|
+
brandingLink: BrandingLink | null;
|
|
22
|
+
}, {}>;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
25
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
26
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
27
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
28
|
+
} : {
|
|
29
|
+
type: import('vue').PropType<T[K]>;
|
|
30
|
+
required: true;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
type __VLS_WithDefaults<P, D> = {
|
|
34
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
35
|
+
default: D[K];
|
|
36
|
+
}> : P[K];
|
|
37
|
+
};
|
|
38
|
+
type __VLS_Prettify<T> = {
|
|
39
|
+
[K in keyof T]: T[K];
|
|
40
|
+
} & {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
interface TrustedSiteProps {
|
|
2
|
+
isFluid: boolean;
|
|
3
|
+
}
|
|
4
|
+
declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TrustedSiteProps>, {
|
|
5
|
+
isFluid: boolean;
|
|
6
|
+
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update-status": (...args: any[]) => void;
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TrustedSiteProps>, {
|
|
9
|
+
isFluid: boolean;
|
|
10
|
+
}>>> & {
|
|
11
|
+
"onUpdate-status"?: ((...args: any[]) => any) | undefined;
|
|
12
|
+
}, {
|
|
13
|
+
isFluid: boolean;
|
|
14
|
+
}, {}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
17
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
18
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
19
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
20
|
+
} : {
|
|
21
|
+
type: import('vue').PropType<T[K]>;
|
|
22
|
+
required: true;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
type __VLS_WithDefaults<P, D> = {
|
|
26
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
27
|
+
default: D[K];
|
|
28
|
+
}> : P[K];
|
|
29
|
+
};
|
|
30
|
+
type __VLS_Prettify<T> = {
|
|
31
|
+
[K in keyof T]: T[K];
|
|
32
|
+
} & {};
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as AppHeader } from './AppHeader.vue';
|
|
2
|
+
import { BrandingImage, BrandingLink } from './components/_Branding.vue';
|
|
3
|
+
|
|
4
|
+
declare module "@vue/runtime-core" {
|
|
5
|
+
interface GlobalComponents {
|
|
6
|
+
AppHeader: typeof AppHeader;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
export interface AppHeaderProps {
|
|
10
|
+
appTitle: string;
|
|
11
|
+
appLink: string;
|
|
12
|
+
appSubtitle?: string;
|
|
13
|
+
brandingImage?: BrandingImage;
|
|
14
|
+
brandingLink?: BrandingLink;
|
|
15
|
+
isFluid?: boolean;
|
|
16
|
+
isSticky?: boolean;
|
|
17
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@phila/phila-ui-app-header",
|
|
3
|
+
"private": false,
|
|
4
|
+
"version": "0.0.6",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"files": [
|
|
7
|
+
"dist"
|
|
8
|
+
],
|
|
9
|
+
"main": "./dist/AppHeader.umd.cjs",
|
|
10
|
+
"module": "./dist/AppHeader.js",
|
|
11
|
+
"types": "./dist/types.d.ts",
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"import": {
|
|
15
|
+
"types": "./dist/types.d.ts",
|
|
16
|
+
"default": "./dist/AppHeader.js"
|
|
17
|
+
},
|
|
18
|
+
"require": "./dist/AppHeader.umd.cjs"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
"scripts": {
|
|
22
|
+
"dev": "vite",
|
|
23
|
+
"build": "vue-tsc && vite build",
|
|
24
|
+
"preview": "vite preview"
|
|
25
|
+
},
|
|
26
|
+
"dependencies": {
|
|
27
|
+
"@phila/phila-ui-core": "^1.0.5",
|
|
28
|
+
"bulma": "^0.9.4",
|
|
29
|
+
"vue": "^3.3.8"
|
|
30
|
+
},
|
|
31
|
+
"devDependencies": {
|
|
32
|
+
"@types/node": "^20.10.3",
|
|
33
|
+
"@vitejs/plugin-vue": "^4.5.0",
|
|
34
|
+
"sass": "^1.69.5",
|
|
35
|
+
"typescript": "^5.2.2",
|
|
36
|
+
"vite": "^5.0.0",
|
|
37
|
+
"vite-plugin-dts": "^3.6.4",
|
|
38
|
+
"vite-plugin-lib-inject-css": "^1.3.0",
|
|
39
|
+
"vue-tsc": "^1.8.22"
|
|
40
|
+
},
|
|
41
|
+
"publishConfig": {
|
|
42
|
+
"registry": "https://registry.npmjs.org/",
|
|
43
|
+
"access": "public",
|
|
44
|
+
"tag": "phila-ui-app-header"
|
|
45
|
+
},
|
|
46
|
+
"gitHead": "a7d5775076171708d159836452816089b88ac849"
|
|
47
|
+
}
|