@swisspost/design-system-components 10.0.0-next.41 → 10.0.0-next.43
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/dist/cjs/{breakpoints-DIH5Oaz7.js → breakpoints-DmZ_BQGo.js} +13 -17
- package/dist/cjs/{get-root-DmyBVSJ_.js → get-root-CfQ2PogP.js} +1 -1
- package/dist/cjs/{index-CRMt-jq2.js → index-CpDyH7Ww.js} +1 -5
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{package-C2pR6Vs2.js → package-BFQrBDHY.js} +1 -1
- package/dist/cjs/post-accordion_2.cjs.entry.js +4 -4
- package/dist/cjs/post-avatar.cjs.entry.js +4 -4
- package/dist/cjs/post-back-to-top.cjs.entry.js +3 -3
- package/dist/cjs/post-banner.cjs.entry.js +4 -4
- package/dist/cjs/post-breadcrumb-item_2.cjs.entry.js +3 -3
- package/dist/cjs/post-breadcrumbs.cjs.entry.js +4 -4
- package/dist/cjs/post-card-control.cjs.entry.js +4 -4
- package/dist/cjs/post-closebutton_15.cjs.entry.js +47 -36
- package/dist/cjs/post-collapsible_2.cjs.entry.js +4 -4
- package/dist/cjs/post-components.cjs.js +2 -2
- package/dist/cjs/post-footer.cjs.entry.js +4 -4
- package/dist/cjs/post-linkarea.cjs.entry.js +3 -3
- package/dist/cjs/post-popover.cjs.entry.js +4 -4
- package/dist/cjs/post-rating.cjs.entry.js +3 -3
- package/dist/cjs/post-tab-header.cjs.entry.js +3 -3
- package/dist/cjs/post-tab-panel.cjs.entry.js +3 -3
- package/dist/cjs/post-tabs.cjs.entry.js +10 -5
- package/dist/cjs/post-tooltip-trigger.cjs.entry.js +4 -4
- package/dist/cjs/post-tooltip.cjs.entry.js +5 -5
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
- package/dist/collection/components/post-avatar/post-avatar.css +1 -1
- package/dist/collection/components/post-banner/post-banner.css +1 -1
- package/dist/collection/components/post-breadcrumbs/post-breadcrumbs.css +1 -1
- package/dist/collection/components/post-card-control/post-card-control.css +1 -1
- package/dist/collection/components/post-footer/post-footer.js +1 -1
- package/dist/collection/components/post-header/post-header.css +1 -1
- package/dist/collection/components/post-header/post-header.js +30 -11
- package/dist/collection/components/post-icon/post-icon.js +1 -1
- package/dist/collection/components/post-language-option/post-language-option.css +1 -1
- package/dist/collection/components/post-language-option/post-language-option.js +1 -1
- package/dist/collection/components/post-linkarea/post-linkarea.js +1 -1
- package/dist/collection/components/post-list/post-list.css +1 -1
- package/dist/collection/components/post-list/post-list.js +1 -1
- package/dist/collection/components/post-list-item/post-list-item.js +1 -1
- package/dist/collection/components/post-logo/post-logo.js +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.css +1 -1
- package/dist/collection/components/post-mainnavigation/post-mainnavigation.js +1 -6
- package/dist/collection/components/post-megadropdown/post-megadropdown.js +2 -4
- package/dist/collection/components/post-menu/post-menu.js +1 -1
- package/dist/collection/components/post-popover/post-popover.css +1 -1
- package/dist/collection/components/post-popover/post-popover.js +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +1 -1
- package/dist/collection/components/post-tabs/post-tabs.css +1 -1
- package/dist/collection/components/post-tabs/post-tabs.js +26 -1
- package/dist/collection/components/post-togglebutton/post-togglebutton.js +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.css +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js +2 -2
- package/dist/collection/components/post-tooltip-trigger/post-tooltip-trigger.js +1 -1
- package/dist/collection/utils/breakpoints.js +13 -17
- package/dist/components/index.js +1 -1
- package/dist/components/{p-BLhBouGz.js → p-1ViVKUF6.js} +4 -4
- package/dist/components/{p-Cpaqct04.js → p-B9s3i4RA.js} +3 -3
- package/dist/components/{p-fmA57Ivd.js → p-C79jtIcS.js} +3 -3
- package/dist/components/{p-elg4VvHg.js → p-C99jx7Ii.js} +4 -4
- package/dist/components/{p-DBHo9yGF.js → p-CBFgkSgY.js} +1 -1
- package/dist/{esm/breakpoints-DyVir0ex.js → components/p-CJ80BZ06.js} +16 -20
- package/dist/components/p-CiFN4Rz9.js +3 -0
- package/dist/components/{p-CaPj3whI.js → p-Co3L0HjR.js} +3 -3
- package/dist/components/{p-DlEtlaNu.js → p-CqArUD7l.js} +2 -2
- package/dist/components/{p-DQuPPEca.js → p-D2SIHwlN.js} +1 -1
- package/dist/components/{p-D3LhzIrC.js → p-DWxTKWHJ.js} +3 -3
- package/dist/components/{p-DphlfQse.js → p-DdEQb55p.js} +2 -2
- package/dist/components/{p-CtNCtg2z.js → p-Dy3Riej-.js} +6 -6
- package/dist/components/post-accordion-item.js +1 -1
- package/dist/components/post-accordion.js +1 -1
- package/dist/components/post-avatar.js +3 -3
- package/dist/components/post-back-to-top.js +3 -3
- package/dist/components/post-banner.js +4 -4
- package/dist/components/post-breadcrumb-item.js +1 -1
- package/dist/components/post-breadcrumbs.js +9 -9
- package/dist/components/post-card-control.js +4 -4
- package/dist/components/post-closebutton.js +2 -2
- package/dist/components/post-collapsible-trigger.js +1 -1
- package/dist/components/post-collapsible.js +1 -1
- package/dist/components/post-footer.js +8 -8
- package/dist/components/post-header.js +31 -13
- package/dist/components/post-icon.js +1 -1
- package/dist/components/post-language-option.js +4 -4
- package/dist/components/post-language-switch.js +6 -6
- package/dist/components/post-linkarea.js +2 -2
- package/dist/components/post-list-item.js +2 -2
- package/dist/components/post-list.js +3 -3
- package/dist/components/post-logo.js +3 -3
- package/dist/components/post-mainnavigation.js +4 -9
- package/dist/components/post-megadropdown-trigger.js +2 -2
- package/dist/components/post-megadropdown.js +4 -6
- package/dist/components/post-menu-item.js +1 -1
- package/dist/components/post-menu-trigger.js +1 -1
- package/dist/components/post-menu.js +1 -1
- package/dist/components/post-popover.js +4 -4
- package/dist/components/post-popovercontainer.js +1 -1
- package/dist/components/post-rating.js +3 -3
- package/dist/components/post-tab-header.js +2 -2
- package/dist/components/post-tab-panel.js +2 -2
- package/dist/components/post-tabs.js +10 -4
- package/dist/components/post-togglebutton.js +2 -2
- package/dist/components/post-tooltip-trigger.js +3 -3
- package/dist/components/post-tooltip.js +5 -5
- package/dist/docs.json +45 -139
- package/dist/{components/p-Cx0AiN2A.js → esm/breakpoints-_0G7tavk.js} +16 -20
- package/dist/esm/{get-root-D9QC9-TY.js → get-root-hlzxoycr.js} +1 -1
- package/dist/esm/{index-CVhzhVv0.js → index-C8a0ddDa.js} +1 -5
- package/dist/esm/loader.js +3 -3
- package/dist/esm/package-CiFN4Rz9.js +3 -0
- package/dist/esm/post-accordion_2.entry.js +4 -4
- package/dist/esm/post-avatar.entry.js +4 -4
- package/dist/esm/post-back-to-top.entry.js +3 -3
- package/dist/esm/post-banner.entry.js +4 -4
- package/dist/esm/post-breadcrumb-item_2.entry.js +3 -3
- package/dist/esm/post-breadcrumbs.entry.js +4 -4
- package/dist/esm/post-card-control.entry.js +4 -4
- package/dist/esm/post-closebutton_15.entry.js +47 -36
- package/dist/esm/post-collapsible_2.entry.js +4 -4
- package/dist/esm/post-components.js +3 -3
- package/dist/esm/post-footer.entry.js +4 -4
- package/dist/esm/post-linkarea.entry.js +3 -3
- package/dist/esm/post-popover.entry.js +4 -4
- package/dist/esm/post-rating.entry.js +3 -3
- package/dist/esm/post-tab-header.entry.js +3 -3
- package/dist/esm/post-tab-panel.entry.js +3 -3
- package/dist/esm/post-tabs.entry.js +10 -5
- package/dist/esm/post-tooltip-trigger.entry.js +4 -4
- package/dist/esm/post-tooltip.entry.js +5 -5
- package/dist/post-components/{p-62982420.entry.js → p-0d3ab7f7.entry.js} +1 -1
- package/dist/post-components/{p-7a7d237b.entry.js → p-0fb50e3d.entry.js} +1 -1
- package/dist/post-components/{p-fb46e260.entry.js → p-2f03d479.entry.js} +1 -1
- package/dist/post-components/p-3645ac4e.entry.js +1 -0
- package/dist/post-components/{p-1e006e29.entry.js → p-41dd61d4.entry.js} +1 -1
- package/dist/post-components/{p-ec764922.entry.js → p-4410eecd.entry.js} +1 -1
- package/dist/post-components/{p-925aee3d.entry.js → p-5e84d796.entry.js} +1 -1
- package/dist/post-components/{p-8e89ccc1.entry.js → p-635e2004.entry.js} +1 -1
- package/dist/post-components/p-69048834.entry.js +1 -0
- package/dist/post-components/{p-50916d48.entry.js → p-70d20143.entry.js} +1 -1
- package/dist/post-components/p-7b6a56ba.entry.js +1 -0
- package/dist/post-components/{p-9003674b.entry.js → p-830d243f.entry.js} +1 -1
- package/dist/post-components/p-9f0408e9.entry.js +1 -0
- package/dist/post-components/{p-Bkp2QDth.js → p-BkvZk-PA.js} +1 -1
- package/dist/post-components/p-C8a0ddDa.js +2 -0
- package/dist/post-components/p-CiFN4Rz9.js +1 -0
- package/dist/post-components/p-_0G7tavk.js +1 -0
- package/dist/post-components/p-b20922d5.entry.js +1 -0
- package/dist/post-components/{p-8d5a4218.entry.js → p-bb139af8.entry.js} +1 -1
- package/dist/post-components/p-e4c72272.entry.js +1 -0
- package/dist/post-components/{p-78f4dd12.entry.js → p-f1e0c995.entry.js} +1 -1
- package/dist/post-components/p-f6ce2870.entry.js +1 -0
- package/dist/post-components/post-components.css +1 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-footer/post-footer.d.ts +2 -1
- package/dist/types/components/post-header/post-header.d.ts +4 -1
- package/dist/types/components/post-mainnavigation/post-mainnavigation.d.ts +0 -1
- package/dist/types/components/post-megadropdown/post-megadropdown.d.ts +2 -1
- package/dist/types/components/post-tabs/post-tabs.d.ts +5 -0
- package/dist/types/components.d.ts +10 -37
- package/dist/types/utils/breakpoints.d.ts +6 -4
- package/hydrate/index.js +78 -128
- package/hydrate/index.mjs +78 -128
- package/package.json +7 -8
- package/dist/cjs/post-tag.cjs.entry.js +0 -55
- package/dist/collection/components/post-tag/post-tag.css +0 -1
- package/dist/collection/components/post-tag/post-tag.js +0 -133
- package/dist/components/p-1KLiMO0w.js +0 -3
- package/dist/components/post-tag.d.ts +0 -11
- package/dist/components/post-tag.js +0 -87
- package/dist/esm/package-1KLiMO0w.js +0 -3
- package/dist/esm/post-tag.entry.js +0 -53
- package/dist/post-components/p-0d08ab13.entry.js +0 -1
- package/dist/post-components/p-1KLiMO0w.js +0 -1
- package/dist/post-components/p-3a5bdb7f.entry.js +0 -1
- package/dist/post-components/p-4214b85e.entry.js +0 -1
- package/dist/post-components/p-5f4126d8.entry.js +0 -1
- package/dist/post-components/p-80174475.entry.js +0 -1
- package/dist/post-components/p-9b446561.entry.js +0 -1
- package/dist/post-components/p-9ec29527.entry.js +0 -1
- package/dist/post-components/p-CVhzhVv0.js +0 -2
- package/dist/post-components/p-DyVir0ex.js +0 -1
- package/dist/post-components/p-fa550b4a.entry.js +0 -1
- package/dist/types/components/post-tag/post-tag.d.ts +0 -29
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@swisspost/design-system-components",
|
|
3
|
-
"version": "10.0.0-next.
|
|
3
|
+
"version": "10.0.0-next.43",
|
|
4
4
|
"description": "A collection of web components built with Stencil JS for the Swiss Post Design System.",
|
|
5
5
|
"author": "Swiss Post <design-system@post.ch>",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -56,11 +56,10 @@
|
|
|
56
56
|
}
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@floating-ui/dom": "1.7.
|
|
59
|
+
"@floating-ui/dom": "1.7.3",
|
|
60
60
|
"@oddbird/popover-polyfill": "0.6.0",
|
|
61
|
-
"@swisspost/design-system-icons": "10.0.0-next.
|
|
62
|
-
"@swisspost/design-system-styles": "10.0.0-next.
|
|
63
|
-
"@swisspost/design-system-eslint": "1.0.1-next.0",
|
|
61
|
+
"@swisspost/design-system-icons": "10.0.0-next.43",
|
|
62
|
+
"@swisspost/design-system-styles": "10.0.0-next.43",
|
|
64
63
|
"ally.js": "1.4.1",
|
|
65
64
|
"long-press-event": "2.5.0",
|
|
66
65
|
"nanoid": "5.1.5"
|
|
@@ -75,11 +74,11 @@
|
|
|
75
74
|
"@stencil/core": "4.35.0",
|
|
76
75
|
"@stencil/react-output-target": "=0.8.2",
|
|
77
76
|
"@stencil/sass": "3.0.12",
|
|
77
|
+
"@swisspost/design-system-eslint": "1.0.1-next.0",
|
|
78
78
|
"@types/jest": "29.5.14",
|
|
79
79
|
"@types/mock-fs": "4.13.4",
|
|
80
80
|
"@types/node": "22.10.5",
|
|
81
81
|
"@typescript-eslint/parser": "7.18.0",
|
|
82
|
-
"bootstrap": "5.3.3",
|
|
83
82
|
"copyfiles": "2.4.1",
|
|
84
83
|
"cypress": "14.3.2",
|
|
85
84
|
"cypress-axe": "1.6.0",
|
|
@@ -91,7 +90,7 @@
|
|
|
91
90
|
"mock-fs": "5.5.0",
|
|
92
91
|
"rimraf": "6.0.1",
|
|
93
92
|
"rollup-plugin-postcss": "4.0.2",
|
|
94
|
-
"sass": "1.
|
|
93
|
+
"sass": "1.89.2",
|
|
95
94
|
"throttle-debounce": "5.0.2",
|
|
96
95
|
"ts-jest": "29.2.5",
|
|
97
96
|
"ts-node": "10.9.2",
|
|
@@ -112,7 +111,7 @@
|
|
|
112
111
|
"prebuild": "pnpm clean && pnpm prebuild:script",
|
|
113
112
|
"build": "stencil build --docs-readme",
|
|
114
113
|
"postbuild": "pnpm copy:styles:components-react & pnpm copy:styles:components-angular",
|
|
115
|
-
"clean": "rimraf dist hydrate loader loaders www src/styles/generated ../components-react
|
|
114
|
+
"clean": "rimraf --glob dist hydrate loader loaders www src/styles/generated ../components-react/**/stencil-generated/ ../components-angular/projects/components/src/lib/stencil-generated/",
|
|
116
115
|
"unit": "stencil test --spec",
|
|
117
116
|
"unit:watch": "stencil test --spec --watchAll --silent",
|
|
118
117
|
"unit:updatesnapshot": "stencil test --spec --updateSnapshot",
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var index = require('./index-CRMt-jq2.js');
|
|
4
|
-
var _package = require('./package-C2pR6Vs2.js');
|
|
5
|
-
var index$1 = require('./index-DtvYdwe1.js');
|
|
6
|
-
require('./breakpoints-DIH5Oaz7.js');
|
|
7
|
-
|
|
8
|
-
const postTagCss = "@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:var(--post-core-dimension-4);padding:0 var(--post-core-dimension-8);max-width:100%;background-color:var(--post-tag-bg);border:var(--post-core-dimension-1) solid rgba(0,0,0,0);border-radius:var(--post-core-dimension-4);font-size:1rem;line-height:calc(var(--post-core-dimension-32) - var(--post-core-dimension-1)*2);white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:var(--post-core-dimension-24)}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg:#fff;--post-tag-fg:#000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg:#fc0;--post-tag-fg:#000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg:#2c871d;--post-tag-fg:#fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg:#f49e00;--post-tag-fg:#000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg:#a51728;--post-tag-fg:#fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg:#cce4ee;--post-tag-fg:#000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:#000}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}";
|
|
9
|
-
|
|
10
|
-
const PostTag = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.setClasses = this.setClasses.bind(this);
|
|
14
|
-
}
|
|
15
|
-
variantChanged() {
|
|
16
|
-
index$1.checkEmptyOrOneOf(this, 'variant', ['white', 'info', 'success', 'error', 'warning', 'yellow']);
|
|
17
|
-
this.setClasses();
|
|
18
|
-
}
|
|
19
|
-
sizeChanged() {
|
|
20
|
-
index$1.checkEmptyOrOneOf(this, 'size', ['sm']);
|
|
21
|
-
this.setClasses();
|
|
22
|
-
}
|
|
23
|
-
validateName() {
|
|
24
|
-
index$1.checkEmptyOrType(this, 'icon', 'string');
|
|
25
|
-
}
|
|
26
|
-
setClasses() {
|
|
27
|
-
this.classes = [
|
|
28
|
-
'tag',
|
|
29
|
-
this.size ? `tag-${this.size}` : null,
|
|
30
|
-
this.variant ? `tag-${this.variant}` : null,
|
|
31
|
-
]
|
|
32
|
-
.filter(c => c !== null)
|
|
33
|
-
.join(' ');
|
|
34
|
-
}
|
|
35
|
-
componentWillLoad() {
|
|
36
|
-
this.validateName();
|
|
37
|
-
this.variantChanged();
|
|
38
|
-
this.sizeChanged();
|
|
39
|
-
}
|
|
40
|
-
connectedCallback() {
|
|
41
|
-
this.setClasses();
|
|
42
|
-
}
|
|
43
|
-
render() {
|
|
44
|
-
return (index.h(index.Host, { key: '9e30e11663e54fb6bc389cfe7b060cace37c304e', "data-version": _package.version }, index.h("div", { key: '09b0ea2d6df0631f00d78a6978d4aad4b429f39e', class: this.classes }, this.icon ? index.h("post-icon", { name: this.icon }) : null, index.h("div", { key: 'a041daf35564806f3bff974d04536972b1564a35', class: "tag-text" }, index.h("slot", { key: '97fb0e540d631062268b9080db3eb5e4aacf0242' })))));
|
|
45
|
-
}
|
|
46
|
-
get host() { return index.getElement(this); }
|
|
47
|
-
static get watchers() { return {
|
|
48
|
-
"variant": ["variantChanged"],
|
|
49
|
-
"size": ["sizeChanged"],
|
|
50
|
-
"icon": ["validateName"]
|
|
51
|
-
}; }
|
|
52
|
-
};
|
|
53
|
-
PostTag.style = postTagCss;
|
|
54
|
-
|
|
55
|
-
exports.post_tag = PostTag;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}.tag,.tag:where(:has(:not(pre))){--post-tag-bg: hsl(0, 0%, 90%);--post-tag-fg: #000;display:inline-flex;align-items:center;gap:var(--post-core-dimension-4);padding:0 var(--post-core-dimension-8);max-width:100%;background-color:var(--post-tag-bg);border:var(--post-core-dimension-1) solid rgba(0,0,0,0);border-radius:var(--post-core-dimension-4);font-size:1rem;line-height:calc(var(--post-core-dimension-32) - var(--post-core-dimension-1)*2);white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:var(--post-core-dimension-24)}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg: #fff;--post-tag-fg: #000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg: #fc0;--post-tag-fg: #000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg: #2c871d;--post-tag-fg: #fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg: #f49e00;--post-tag-fg: #000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg: #a51728;--post-tag-fg: #fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg: #cce4ee;--post-tag-fg: #000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:#000}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import { h, Host } from "@stencil/core";
|
|
2
|
-
import { version } from "../../../../package";
|
|
3
|
-
import { checkEmptyOrOneOf, checkEmptyOrType } from "../../utils/index";
|
|
4
|
-
/**
|
|
5
|
-
* @slot default - Content to place in the `default` slot.<p>Markup accepted: <a href="https://developer.mozilla.org/en-US/docs/Glossary/Inline-level_content">inline content</a>.</p>
|
|
6
|
-
*/
|
|
7
|
-
export class PostTag {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.setClasses = this.setClasses.bind(this);
|
|
10
|
-
}
|
|
11
|
-
variantChanged() {
|
|
12
|
-
checkEmptyOrOneOf(this, 'variant', ['white', 'info', 'success', 'error', 'warning', 'yellow']);
|
|
13
|
-
this.setClasses();
|
|
14
|
-
}
|
|
15
|
-
sizeChanged() {
|
|
16
|
-
checkEmptyOrOneOf(this, 'size', ['sm']);
|
|
17
|
-
this.setClasses();
|
|
18
|
-
}
|
|
19
|
-
validateName() {
|
|
20
|
-
checkEmptyOrType(this, 'icon', 'string');
|
|
21
|
-
}
|
|
22
|
-
setClasses() {
|
|
23
|
-
this.classes = [
|
|
24
|
-
'tag',
|
|
25
|
-
this.size ? `tag-${this.size}` : null,
|
|
26
|
-
this.variant ? `tag-${this.variant}` : null,
|
|
27
|
-
]
|
|
28
|
-
.filter(c => c !== null)
|
|
29
|
-
.join(' ');
|
|
30
|
-
}
|
|
31
|
-
componentWillLoad() {
|
|
32
|
-
this.validateName();
|
|
33
|
-
this.variantChanged();
|
|
34
|
-
this.sizeChanged();
|
|
35
|
-
}
|
|
36
|
-
connectedCallback() {
|
|
37
|
-
this.setClasses();
|
|
38
|
-
}
|
|
39
|
-
render() {
|
|
40
|
-
return (h(Host, { key: '9e30e11663e54fb6bc389cfe7b060cace37c304e', "data-version": version }, h("div", { key: '09b0ea2d6df0631f00d78a6978d4aad4b429f39e', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: 'a041daf35564806f3bff974d04536972b1564a35', class: "tag-text" }, h("slot", { key: '97fb0e540d631062268b9080db3eb5e4aacf0242' })))));
|
|
41
|
-
}
|
|
42
|
-
static get is() { return "post-tag"; }
|
|
43
|
-
static get encapsulation() { return "shadow"; }
|
|
44
|
-
static get originalStyleUrls() {
|
|
45
|
-
return {
|
|
46
|
-
"$": ["post-tag.scss"]
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
|
-
static get styleUrls() {
|
|
50
|
-
return {
|
|
51
|
-
"$": ["post-tag.css"]
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
static get properties() {
|
|
55
|
-
return {
|
|
56
|
-
"variant": {
|
|
57
|
-
"type": "string",
|
|
58
|
-
"attribute": "variant",
|
|
59
|
-
"mutable": false,
|
|
60
|
-
"complexType": {
|
|
61
|
-
"original": "'white' | 'info' | 'success' | 'error' | 'warning' | 'yellow'",
|
|
62
|
-
"resolved": "\"error\" | \"info\" | \"success\" | \"warning\" | \"white\" | \"yellow\"",
|
|
63
|
-
"references": {}
|
|
64
|
-
},
|
|
65
|
-
"required": false,
|
|
66
|
-
"optional": true,
|
|
67
|
-
"docs": {
|
|
68
|
-
"tags": [],
|
|
69
|
-
"text": "Defines the color variant of the component."
|
|
70
|
-
},
|
|
71
|
-
"getter": false,
|
|
72
|
-
"setter": false,
|
|
73
|
-
"reflect": false
|
|
74
|
-
},
|
|
75
|
-
"size": {
|
|
76
|
-
"type": "string",
|
|
77
|
-
"attribute": "size",
|
|
78
|
-
"mutable": false,
|
|
79
|
-
"complexType": {
|
|
80
|
-
"original": "'sm'",
|
|
81
|
-
"resolved": "\"sm\"",
|
|
82
|
-
"references": {}
|
|
83
|
-
},
|
|
84
|
-
"required": false,
|
|
85
|
-
"optional": true,
|
|
86
|
-
"docs": {
|
|
87
|
-
"tags": [],
|
|
88
|
-
"text": "Defines the size of the component."
|
|
89
|
-
},
|
|
90
|
-
"getter": false,
|
|
91
|
-
"setter": false,
|
|
92
|
-
"reflect": false
|
|
93
|
-
},
|
|
94
|
-
"icon": {
|
|
95
|
-
"type": "string",
|
|
96
|
-
"attribute": "icon",
|
|
97
|
-
"mutable": false,
|
|
98
|
-
"complexType": {
|
|
99
|
-
"original": "string",
|
|
100
|
-
"resolved": "string",
|
|
101
|
-
"references": {}
|
|
102
|
-
},
|
|
103
|
-
"required": false,
|
|
104
|
-
"optional": true,
|
|
105
|
-
"docs": {
|
|
106
|
-
"tags": [],
|
|
107
|
-
"text": "Defines the icon `name` inside of the component.\n<span className=\"banner banner-sm banner-info\">If not set the icon will not show up.</span>\nTo learn which icons are available, please visit our <a href=\"/?path=/docs/0dcfe3c0-bfc0-4107-b43b-7e9d825b805f--docs\">icon library</a>."
|
|
108
|
-
},
|
|
109
|
-
"getter": false,
|
|
110
|
-
"setter": false,
|
|
111
|
-
"reflect": false
|
|
112
|
-
}
|
|
113
|
-
};
|
|
114
|
-
}
|
|
115
|
-
static get states() {
|
|
116
|
-
return {
|
|
117
|
-
"classes": {}
|
|
118
|
-
};
|
|
119
|
-
}
|
|
120
|
-
static get elementRef() { return "host"; }
|
|
121
|
-
static get watchers() {
|
|
122
|
-
return [{
|
|
123
|
-
"propName": "variant",
|
|
124
|
-
"methodName": "variantChanged"
|
|
125
|
-
}, {
|
|
126
|
-
"propName": "size",
|
|
127
|
-
"methodName": "sizeChanged"
|
|
128
|
-
}, {
|
|
129
|
-
"propName": "icon",
|
|
130
|
-
"methodName": "validateName"
|
|
131
|
-
}];
|
|
132
|
-
}
|
|
133
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
|
2
|
-
|
|
3
|
-
interface PostTag extends Components.PostTag, HTMLElement {}
|
|
4
|
-
export const PostTag: {
|
|
5
|
-
prototype: PostTag;
|
|
6
|
-
new (): PostTag;
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Used to define this component and all nested components recursively.
|
|
10
|
-
*/
|
|
11
|
-
export const defineCustomElement: () => void;
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
import { p as proxyCustomElement, H, h, a as Host } from './index.js';
|
|
2
|
-
import { v as version } from './p-1KLiMO0w.js';
|
|
3
|
-
import { d as checkEmptyOrOneOf, e as checkEmptyOrType } from './p-CV7fm1rW.js';
|
|
4
|
-
import './p-Cx0AiN2A.js';
|
|
5
|
-
import { d as defineCustomElement$2 } from './p-fmA57Ivd.js';
|
|
6
|
-
|
|
7
|
-
const postTagCss = "@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:var(--post-core-dimension-4);padding:0 var(--post-core-dimension-8);max-width:100%;background-color:var(--post-tag-bg);border:var(--post-core-dimension-1) solid rgba(0,0,0,0);border-radius:var(--post-core-dimension-4);font-size:1rem;line-height:calc(var(--post-core-dimension-32) - var(--post-core-dimension-1)*2);white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:var(--post-core-dimension-24)}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg:#fff;--post-tag-fg:#000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg:#fc0;--post-tag-fg:#000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg:#2c871d;--post-tag-fg:#fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg:#f49e00;--post-tag-fg:#000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg:#a51728;--post-tag-fg:#fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg:#cce4ee;--post-tag-fg:#000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:#000}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}";
|
|
8
|
-
|
|
9
|
-
const PostTag$1 = /*@__PURE__*/ proxyCustomElement(class PostTag extends H {
|
|
10
|
-
constructor() {
|
|
11
|
-
super();
|
|
12
|
-
this.__registerHost();
|
|
13
|
-
this.__attachShadow();
|
|
14
|
-
this.setClasses = this.setClasses.bind(this);
|
|
15
|
-
}
|
|
16
|
-
variantChanged() {
|
|
17
|
-
checkEmptyOrOneOf(this, 'variant', ['white', 'info', 'success', 'error', 'warning', 'yellow']);
|
|
18
|
-
this.setClasses();
|
|
19
|
-
}
|
|
20
|
-
sizeChanged() {
|
|
21
|
-
checkEmptyOrOneOf(this, 'size', ['sm']);
|
|
22
|
-
this.setClasses();
|
|
23
|
-
}
|
|
24
|
-
validateName() {
|
|
25
|
-
checkEmptyOrType(this, 'icon', 'string');
|
|
26
|
-
}
|
|
27
|
-
setClasses() {
|
|
28
|
-
this.classes = [
|
|
29
|
-
'tag',
|
|
30
|
-
this.size ? `tag-${this.size}` : null,
|
|
31
|
-
this.variant ? `tag-${this.variant}` : null,
|
|
32
|
-
]
|
|
33
|
-
.filter(c => c !== null)
|
|
34
|
-
.join(' ');
|
|
35
|
-
}
|
|
36
|
-
componentWillLoad() {
|
|
37
|
-
this.validateName();
|
|
38
|
-
this.variantChanged();
|
|
39
|
-
this.sizeChanged();
|
|
40
|
-
}
|
|
41
|
-
connectedCallback() {
|
|
42
|
-
this.setClasses();
|
|
43
|
-
}
|
|
44
|
-
render() {
|
|
45
|
-
return (h(Host, { key: '9e30e11663e54fb6bc389cfe7b060cace37c304e', "data-version": version }, h("div", { key: '09b0ea2d6df0631f00d78a6978d4aad4b429f39e', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: 'a041daf35564806f3bff974d04536972b1564a35', class: "tag-text" }, h("slot", { key: '97fb0e540d631062268b9080db3eb5e4aacf0242' })))));
|
|
46
|
-
}
|
|
47
|
-
get host() { return this; }
|
|
48
|
-
static get watchers() { return {
|
|
49
|
-
"variant": ["variantChanged"],
|
|
50
|
-
"size": ["sizeChanged"],
|
|
51
|
-
"icon": ["validateName"]
|
|
52
|
-
}; }
|
|
53
|
-
static get style() { return postTagCss; }
|
|
54
|
-
}, [1, "post-tag", {
|
|
55
|
-
"variant": [1],
|
|
56
|
-
"size": [1],
|
|
57
|
-
"icon": [1],
|
|
58
|
-
"classes": [32]
|
|
59
|
-
}, undefined, {
|
|
60
|
-
"variant": ["variantChanged"],
|
|
61
|
-
"size": ["sizeChanged"],
|
|
62
|
-
"icon": ["validateName"]
|
|
63
|
-
}]);
|
|
64
|
-
function defineCustomElement$1() {
|
|
65
|
-
if (typeof customElements === "undefined") {
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
const components = ["post-tag", "post-icon"];
|
|
69
|
-
components.forEach(tagName => { switch (tagName) {
|
|
70
|
-
case "post-tag":
|
|
71
|
-
if (!customElements.get(tagName)) {
|
|
72
|
-
customElements.define(tagName, PostTag$1);
|
|
73
|
-
}
|
|
74
|
-
break;
|
|
75
|
-
case "post-icon":
|
|
76
|
-
if (!customElements.get(tagName)) {
|
|
77
|
-
defineCustomElement$2();
|
|
78
|
-
}
|
|
79
|
-
break;
|
|
80
|
-
} });
|
|
81
|
-
}
|
|
82
|
-
defineCustomElement$1();
|
|
83
|
-
|
|
84
|
-
const PostTag = PostTag$1;
|
|
85
|
-
const defineCustomElement = defineCustomElement$1;
|
|
86
|
-
|
|
87
|
-
export { PostTag, defineCustomElement };
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, a as getElement } from './index-CVhzhVv0.js';
|
|
2
|
-
import { v as version } from './package-1KLiMO0w.js';
|
|
3
|
-
import { e as checkEmptyOrOneOf, a as checkEmptyOrType } from './index-BWC0gtGU.js';
|
|
4
|
-
import './breakpoints-DyVir0ex.js';
|
|
5
|
-
|
|
6
|
-
const postTagCss = "@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:var(--post-core-dimension-4);padding:0 var(--post-core-dimension-8);max-width:100%;background-color:var(--post-tag-bg);border:var(--post-core-dimension-1) solid rgba(0,0,0,0);border-radius:var(--post-core-dimension-4);font-size:1rem;line-height:calc(var(--post-core-dimension-32) - var(--post-core-dimension-1)*2);white-space:nowrap;color:var(--post-tag-fg)}.tag post-icon,.tag:where(:has(:not(pre))) post-icon{flex:0 0 auto;width:1.25rem;height:1.25rem}.tag .tag-text,.tag:where(:has(:not(pre))) .tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .tag-text svg,.tag .tag-text img,.tag:where(:has(:not(pre))) .tag-text svg,.tag:where(:has(:not(pre))) .tag-text img{display:inline-block;height:1.25rem !important;vertical-align:text-top}.tag.tag-sm,.tag:where(:has(:not(pre))).tag-sm{line-height:var(--post-core-dimension-24)}.tag.tag-sm .tag-icon,.tag:where(:has(:not(pre))).tag-sm .tag-icon{width:1rem;height:1rem}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{--post-tag-bg:#fff;--post-tag-fg:#000}.tag.tag-yellow,.tag:where(:has(:not(pre))).tag-yellow{--post-tag-bg:#fc0;--post-tag-fg:#000}.tag.tag-success,.tag:where(:has(:not(pre))).tag-success{--post-tag-bg:#2c871d;--post-tag-fg:#fff}.tag.tag-warning,.tag:where(:has(:not(pre))).tag-warning{--post-tag-bg:#f49e00;--post-tag-fg:#000}.tag.tag-danger,.tag:where(:has(:not(pre))).tag-danger{--post-tag-bg:#a51728;--post-tag-fg:#fff}.tag.tag-info,.tag:where(:has(:not(pre))).tag-info{--post-tag-bg:#cce4ee;--post-tag-fg:#000}.tag.tag-white,.tag:where(:has(:not(pre))).tag-white{border-color:#000}pre .tag,pre .tag:where(:has(:not(pre))){display:inline;padding:initial;max-width:initial;background:initial;border:initial;border-radius:initial;font-size:inherit;line-height:inherit;white-space:unset}*,*:before,*:after{box-sizing:border-box}.tag-text ::slotted(svg),.tag-text ::slotted(img){display:inline-block !important;height:1.25rem !important;vertical-align:text-top !important}";
|
|
7
|
-
|
|
8
|
-
const PostTag = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
this.setClasses = this.setClasses.bind(this);
|
|
12
|
-
}
|
|
13
|
-
variantChanged() {
|
|
14
|
-
checkEmptyOrOneOf(this, 'variant', ['white', 'info', 'success', 'error', 'warning', 'yellow']);
|
|
15
|
-
this.setClasses();
|
|
16
|
-
}
|
|
17
|
-
sizeChanged() {
|
|
18
|
-
checkEmptyOrOneOf(this, 'size', ['sm']);
|
|
19
|
-
this.setClasses();
|
|
20
|
-
}
|
|
21
|
-
validateName() {
|
|
22
|
-
checkEmptyOrType(this, 'icon', 'string');
|
|
23
|
-
}
|
|
24
|
-
setClasses() {
|
|
25
|
-
this.classes = [
|
|
26
|
-
'tag',
|
|
27
|
-
this.size ? `tag-${this.size}` : null,
|
|
28
|
-
this.variant ? `tag-${this.variant}` : null,
|
|
29
|
-
]
|
|
30
|
-
.filter(c => c !== null)
|
|
31
|
-
.join(' ');
|
|
32
|
-
}
|
|
33
|
-
componentWillLoad() {
|
|
34
|
-
this.validateName();
|
|
35
|
-
this.variantChanged();
|
|
36
|
-
this.sizeChanged();
|
|
37
|
-
}
|
|
38
|
-
connectedCallback() {
|
|
39
|
-
this.setClasses();
|
|
40
|
-
}
|
|
41
|
-
render() {
|
|
42
|
-
return (h(Host, { key: '9e30e11663e54fb6bc389cfe7b060cace37c304e', "data-version": version }, h("div", { key: '09b0ea2d6df0631f00d78a6978d4aad4b429f39e', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: 'a041daf35564806f3bff974d04536972b1564a35', class: "tag-text" }, h("slot", { key: '97fb0e540d631062268b9080db3eb5e4aacf0242' })))));
|
|
43
|
-
}
|
|
44
|
-
get host() { return getElement(this); }
|
|
45
|
-
static get watchers() { return {
|
|
46
|
-
"variant": ["variantChanged"],
|
|
47
|
-
"size": ["sizeChanged"],
|
|
48
|
-
"icon": ["validateName"]
|
|
49
|
-
}; }
|
|
50
|
-
};
|
|
51
|
-
PostTag.style = postTagCss;
|
|
52
|
-
|
|
53
|
-
export { PostTag as post_tag };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as n,h as e,H as t,a as r}from"./p-CVhzhVv0.js";import{v as a}from"./p-1KLiMO0w.js";import{f as i}from"./p-SbIC4aZX.js";import{c,a as s,e as l}from"./p-BWC0gtGU.js";import"./p-DyVir0ex.js";import{n as b}from"./p-BLchVpF6.js";const d=["neutral","success","warning","danger","info"],h=class{constructor(e){o(this,e),this.postDismissed=n(this,"postDismissed"),this.bannerId=`p${b(6)}`,this.onDismissButtonClick=()=>this.dismiss(),this.dismissible=!1,this.type="neutral"}checkDismissible(){this.dismissible&&setTimeout((()=>{c(this,"dismissLabel","string")}))}validateIcon(){s(this,"icon","string")}validateType(){l(this,"type",d)}componentDidLoad(){this.checkDismissible(),this.validateIcon(),this.validateType()}componentWillRender(){this.hasHeading=this.host.querySelectorAll("[slot=heading]").length>0,this.hasActions=this.host.querySelectorAll("[slot=actions]").length>0,this.classes="banner "+(this.type?"banner-"+this.type:""),this.dismissible&&(this.classes+=" banner-dismissible"),this.hasActions&&(this.classes+=" banner-action"),"none"===this.icon&&(this.classes+=" no-icon")}async dismiss(){const o=i(this.host);await o.finished,this.host.remove(),this.postDismissed.emit()}render(){const o=[this.hasHeading&&e("div",{key:`${this.bannerId}-heading`,class:"banner-heading"},e("slot",{key:"6bf8a3c8152cda870f7d3036c837918f83dee8e1",name:"heading"})),e("slot",{key:`${this.bannerId}-message`})],n=[e("div",{key:`${this.bannerId}-content`,class:"banner-content"},o),e("div",{key:`${this.bannerId}-buttons`,class:"banner-buttons"},e("slot",{key:"07a3ade9a798eeb292e28820483a4e5096fe3569",name:"actions"}))];return e(t,{key:"9b6c1935e20686e69005a0034ca711363b880647","data-version":a},e("div",{key:"9a4effd086d7279cbd91bea6b5510bc66349fdc5",role:"alert",class:this.classes,part:this.classes},this.dismissible&&e("button",{key:"7e822d65eaf6eb9aa356aed8cc95c0107ee1ae27",class:"btn-close",onClick:this.onDismissButtonClick},e("span",{key:"f1c7356412ddb9d046f985fde25703715a20755d",class:"visually-hidden"},this.dismissLabel)),this.icon&&"none"!==this.icon&&e("post-icon",{key:`${this.bannerId}-icon`,name:this.icon}),this.hasActions?n:o))}get host(){return r(this)}static get watchers(){return{dismissible:["checkDismissible"],icon:["validateIcon"],type:["validateType"]}}};h.style=".banner,.alert{min-height:calc(var(--post-device-sizing-notification-icon-2) + (2 * var(--post-device-spacing-padding-10)));box-sizing:border-box;box-shadow:var(--post-device-elevation-100);border-radius:var(--post-device-border-radius-2);padding:var(--post-device-spacing-padding-10) var(--post-device-spacing-padding-10);padding-inline-start:calc(var(--post-device-spacing-padding-10) + var(--post-device-sizing-notification-icon-2) + var(--post-device-spacing-gap-inline-6));font-weight:var(--post-core-font-weight-400);border-style:var(--post-core-border-style-solid);border-width:var(--post-device-border-width-default);position:relative;color:var(--post-scheme-color-surface-default-fg);background-color:var(--post-scheme-color-signal-neutral);border-color:var(--post-scheme-color-signal-neutral-dark);color-scheme:var(--post-core-bg-scheme-light)}.banner:not(.no-icon)::before,.alert:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.24 5.24 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.24 5.24 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.3 6.3 0 0 0-.325 1.997 6.6 6.6 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 1 1 1.334 1.334 1.336 1.336 0 0 1-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.2 13.2 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.7 11.7 0 0 0 2.359-.888.67.67 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.8 11.8 0 0 0 4 15.92'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-signal-neutral-dark)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner:not(.no-icon)::before,.alert:not(.no-icon)::before{color:CanvasText}}.banner:has(>post-icon)::before,.alert:has(>post-icon)::before{content:none}.banner>post-icon,.alert>post-icon{background-color:var(--post-scheme-color-signal-neutral);color:var(--post-scheme-color-signal-neutral-dark)}.banner::before,.alert::before{content:\"\";display:block}.banner::before,.banner>post-icon,.alert::before,.alert>post-icon{position:absolute;height:var(--post-device-sizing-notification-icon-2);width:var(--post-device-sizing-notification-icon-2);left:var(--post-device-spacing-padding-10);top:var(--post-device-spacing-padding-10)}.banner.no-icon,.alert.no-icon{min-height:calc(2*var(--post-device-spacing-padding-10) + var(--post-core-dimension-24));padding-inline-start:var(--post-device-spacing-padding-10)}.banner.no-icon::before,.alert.no-icon::before{content:unset}.banner.no-icon>post-icon,.alert.no-icon>post-icon{display:none}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner,.alert{filter:none !important;border:2px solid CanvasText}}.banner:not(.banner-action):not(.alert-action),.alert:not(.banner-action):not(.alert-action){display:flex;flex-direction:column;justify-content:center;gap:var(--post-core-dimension-4)}.banner:not(.banner-action):not(.alert-action) a,.alert:not(.banner-action):not(.alert-action) a{font-weight:var(--post-core-font-weight-400)}.banner:not(.banner-action):not(.alert-action) hr,.alert:not(.banner-action):not(.alert-action) hr{margin-block:var(--post-core-dimension-8) var(--post-core-dimension-12) !important}.banner:not(.banner-action):not(.alert-action)>*,.alert:not(.banner-action):not(.alert-action)>*{margin:0}.banner-container{border:unset;background-color:rgba(0,0,0,0)}.banner-dismissible,.alert-dismissible{pointer-events:auto;position:relative}.banner-dismissible:not(.banner-action):not(.alert-action),.alert-dismissible:not(.banner-action):not(.alert-action){padding-inline-end:calc(var(--post-device-spacing-padding-10) + var(--post-device-spacing-gap-inline-6) + var(--post-core-dimension-24))}.banner-dismissible>.btn-close,.alert-dismissible>.btn-close{position:absolute;inset-block-start:1rem;inset-inline-end:var(--post-device-spacing-padding-10)}.banner-buttons,.alert-buttons{display:flex;align-items:center;justify-content:flex-start;flex-direction:row-reverse;margin-block-start:var(--post-device-spacing-padding-block-10);gap:var(--post-device-spacing-gap-1)}@media (max-width: 779.98px){.banner-buttons,.alert-buttons{flex-direction:column}}.banner-action>.banner-content,.banner-action>.alert-content,.alert-action>.banner-content,.alert-action>.alert-content{display:flex;flex-direction:column;justify-content:center;gap:var(--post-core-dimension-4)}.banner-action>.banner-content a,.banner-action>.alert-content a,.alert-action>.banner-content a,.alert-action>.alert-content a{font-weight:var(--post-core-font-weight-400)}.banner-action>.banner-content hr,.banner-action>.alert-content hr,.alert-action>.banner-content hr,.alert-action>.alert-content hr{margin-block:var(--post-core-dimension-8) var(--post-core-dimension-12) !important}.banner-action>.banner-content>*,.banner-action>.alert-content>*,.alert-action>.banner-content>*,.alert-action>.alert-content>*{margin:0}@media (max-width: 779.98px){.banner-action,.alert-action{flex-direction:column;align-items:stretch}.banner-action>.banner-content,.banner-action>.alert-content,.alert-action>.banner-content,.alert-action>.alert-content{padding-inline-start:var(--post-device-spacing-gap-inline-6)var(--post-device-sizing-notification-icon-2);padding-inline-end:var(--post-device-spacing-gap-inline-6)var(--post-core-dimension-24)}.banner-action.no-icon>.banner-content,.banner-action.no-icon>.alert-content,.alert-action.no-icon>.banner-content,.alert-action.no-icon>.alert-content{padding-inline-start:0}.banner-action>.banner-buttons,.banner-action>.alert-buttons,.alert-action>.banner-buttons,.alert-action>.alert-buttons{display:flex}.banner-action>.banner-buttons>.btn,.banner-action>.banner-buttons>::slotted(.btn),.banner-action>.alert-buttons>.btn,.banner-action>.alert-buttons>::slotted(.btn),.alert-action>.banner-buttons>.btn,.alert-action>.banner-buttons>::slotted(.btn),.alert-action>.alert-buttons>.btn,.alert-action>.alert-buttons>::slotted(.btn){flex:1 0 0;width:100%}.banner-action>.banner-buttons>.btn:first-child,.banner-action>.banner-buttons>::slotted(.btn:first-child),.banner-action>.alert-buttons>.btn:first-child,.banner-action>.alert-buttons>::slotted(.btn:first-child),.alert-action>.banner-buttons>.btn:first-child,.alert-action>.banner-buttons>::slotted(.btn:first-child),.alert-action>.alert-buttons>.btn:first-child,.alert-action>.alert-buttons>::slotted(.btn:first-child){margin-inline-start:0}}.banner-neutral,.alert-neutral{background-color:var(--post-scheme-color-signal-neutral);border-color:var(--post-scheme-color-signal-neutral-dark);color-scheme:var(--post-core-bg-scheme-light)}.banner-neutral:not(.no-icon)::before,.alert-neutral:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.986 15.73c-.503.16-1.03.27-1.586.27a5.24 5.24 0 0 1-4.43-2.448c-.73.382-1.547.62-2.427.62a5.257 5.257 0 0 1-5.257-5.258c0-.88.237-1.698.62-2.427a5.24 5.24 0 0 1-2.449-4.43c0-.714.145-1.393.403-2.014C16.574.028 16.29 0 16 0 7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16c0-.091-.012-.18-.014-.27M16 30.667c-8.087 0-14.667-6.58-14.667-14.667 0-7.806 6.13-14.207 13.828-14.643a6.54 6.54 0 0 0 2.116 5.56 6.3 6.3 0 0 0-.325 1.997 6.6 6.6 0 0 0 6.59 6.59c.677 0 1.346-.108 1.998-.324a6.54 6.54 0 0 0 5.067 2.15C29.933 24.796 23.639 30.667 16 30.667M11.352 14.17a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 1 1 1.334 1.334 1.336 1.336 0 0 1-1.334-1.334m13.981 8.496a2.667 2.667 0 1 0-5.333 0 2.667 2.667 0 0 0 5.333 0m-4 0a1.335 1.335 0 0 1 2.667 0c0 .735-.598 1.333-1.333 1.333a1.335 1.335 0 0 1-1.334-1.333m-7.276-1.829a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.667a.667.667 0 1 1 .002-1.335.667.667 0 0 1-.002 1.335m7.772-6a2 2 0 1 0-4 0 2 2 0 0 0 4 0m-2 .666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M11.505 5.505a2 2 0 1 0 0 4 2 2 0 0 0 0-4m0 2.666a.667.667 0 1 1 .001-1.334.667.667 0 0 1-.001 1.334M28.93 18.548a13.2 13.2 0 0 1-4.335 7.357.663.663 0 0 1-.94-.073.666.666 0 0 1 .073-.94 11.84 11.84 0 0 0 3.894-6.61.668.668 0 0 1 1.307.266m-6.668 8.212a.667.667 0 0 1-.295.896c-.837.423-1.722.757-2.63.99a.665.665 0 1 1-.33-1.292 11.7 11.7 0 0 0 2.359-.888.67.67 0 0 1 .896.294M4 15.921a.666.666 0 1 1-1.333 0 13.13 13.13 0 0 1 4.597-9.984.666.666 0 1 1 .867 1.013A11.8 11.8 0 0 0 4 15.92'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-signal-neutral-dark)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-neutral:not(.no-icon)::before,.alert-neutral:not(.no-icon)::before{color:CanvasText}}.banner-neutral:has(>post-icon)::before,.alert-neutral:has(>post-icon)::before{content:none}.banner-neutral>post-icon,.alert-neutral>post-icon{background-color:var(--post-scheme-color-signal-neutral);color:var(--post-scheme-color-signal-neutral-dark)}.banner-success,.alert-success{background-color:var(--post-scheme-color-interactive-notification-success-bg);border-color:var(--post-scheme-color-interactive-notification-success-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-success:not(.no-icon)::before,.alert-success:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.667 24.533-7.6-7.6 1.867-1.867 5.733 5.733 12.4-12.4 1.867 1.867z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-success-icon)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-success:not(.no-icon)::before,.alert-success:not(.no-icon)::before{color:CanvasText}}.banner-success:has(>post-icon)::before,.alert-success:has(>post-icon)::before{content:none}.banner-success>post-icon,.alert-success>post-icon{background-color:var(--post-scheme-color-interactive-notification-success-bg);color:var(--post-scheme-color-interactive-notification-success-icon)}.banner-warning,.alert-warning{background-color:var(--post-scheme-color-interactive-notification-warning-bg);border-color:var(--post-scheme-color-interactive-notification-warning-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-warning:not(.no-icon)::before,.alert-warning:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-warning-icon)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-warning:not(.no-icon)::before,.alert-warning:not(.no-icon)::before{color:CanvasText}}.banner-warning:has(>post-icon)::before,.alert-warning:has(>post-icon)::before{content:none}.banner-warning>post-icon,.alert-warning>post-icon{background-color:var(--post-scheme-color-interactive-notification-warning-bg);color:var(--post-scheme-color-interactive-notification-warning-icon)}.banner-error,.alert-error{background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-error:not(.no-icon)::before,.alert-error:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-error-icon)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-error:not(.no-icon)::before,.alert-error:not(.no-icon)::before{color:CanvasText}}.banner-error:has(>post-icon)::before,.alert-error:has(>post-icon)::before{content:none}.banner-error>post-icon,.alert-error>post-icon{background-color:var(--post-scheme-color-interactive-notification-error-bg);color:var(--post-scheme-color-interactive-notification-error-icon)}.banner-info,.alert-info{background-color:var(--post-scheme-color-interactive-notification-info-bg);border-color:var(--post-scheme-color-interactive-notification-info-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-info:not(.no-icon)::before,.alert-info:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.33 25.33v-16h-4.67V12h2v13.33h-2V28h6.67v-2.67zM14.67 4h2.67v2.67h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-info-icon)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-info:not(.no-icon)::before,.alert-info:not(.no-icon)::before{color:CanvasText}}.banner-info:has(>post-icon)::before,.alert-info:has(>post-icon)::before{content:none}.banner-info>post-icon,.alert-info>post-icon{background-color:var(--post-scheme-color-interactive-notification-info-bg);color:var(--post-scheme-color-interactive-notification-info-icon)}.banner-danger,.alert-danger{background-color:var(--post-scheme-color-interactive-notification-error-bg);border-color:var(--post-scheme-color-interactive-notification-error-stroke);color-scheme:var(--post-core-bg-scheme-light)}.banner-danger:not(.no-icon)::before,.alert-danger:not(.no-icon)::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.67 4h2.67v18.67h-2.67zm0 21.33h2.67V28h-2.67z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;color:var(--post-scheme-color-interactive-notification-error-icon)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.banner-danger:not(.no-icon)::before,.alert-danger:not(.no-icon)::before{color:CanvasText}}.banner-danger:has(>post-icon)::before,.alert-danger:has(>post-icon)::before{content:none}.banner-danger>post-icon,.alert-danger>post-icon{background-color:var(--post-scheme-color-interactive-notification-error-bg);color:var(--post-scheme-color-interactive-notification-error-icon)}.btn-close{padding:0;overflow:visible;border:0;background:none;color:var(--post-scheme-color-interactive-button-secondary-enabled-fg);font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:var(--post-device-border-radius-round);color:#000;transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{background-color:ButtonFace !important}.btn-close:hover{background-color:Highlight !important}}.btn-close{outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important;border-radius:4px}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close:is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.btn-close::before{mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.267 16.667 6.667-6.533-.933-1.067-6.667 6.667-6.667-6.667-.933 1.067 6.667 6.533-6.667 6.667 1.067.933 6.533-6.667 6.667 6.667.933-1.067z'/%3E%3C/svg%3E\");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:\"\";display:block;height:var(--post-core-dimension-24);width:var(--post-core-dimension-24)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:#000}.btn-close:disabled{color:#999}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.btn-close{color:CanvasText;forced-color-adjust:none}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:Highlight}}.btn-close-white{color:#e6e6e6}.btn-close-white:focus,.btn-close-white:not(:disabled):hover,.btn-close-white.pretend-hover{color:#fff}.btn-close-white:disabled{color:#999}@keyframes popIn{from{transform:scale(0.9);opacity:0;transition-property:transform,opacity,overlay,display;transition-behavior:allow-discrete;transition-duration:var(--post-transition-duration, 0.35s);transition-timing-function:linear(0, 0.007, 0.029 2.2%, 0.118 4.7%, 0.625 14.4%, 0.826 19%, 0.902, 0.962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, 0.999 61.6%, 0.995 71.2%, 1)}to{opacity:1;transform:scale(1)}}:host{display:block}:host ::slotted(*){margin:0 !important}.visually-hidden{width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption){position:absolute !important}";export{h as post_banner}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const t="10.0.0-next.41";export{t as v}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as t,H as e,a}from"./p-CVhzhVv0.js";import{v as i}from"./p-1KLiMO0w.js";import{c as r}from"./p-BWC0gtGU.js";import{b as s}from"./p-DyVir0ex.js";const n=["grid-1","grid-2","grid-3","grid-4"],d=class{validateLabel(){r(this,"label","string")}constructor(t){o(this,t),this.device=s.get("device"),this.gridSlotDisplayed={},this.breakpointChange=o=>{this.device=o.detail},this.handleGridSlotChange=(...o)=>t=>{o.includes(this.device)&&t.target instanceof HTMLSlotElement&&this.updateGridSlotDisplay(t.target.name,t.target.assignedElements().length>0)},this.handleGridSlotChange=this.handleGridSlotChange.bind(this)}connectedCallback(){window.addEventListener("postBreakpoint:device",this.breakpointChange)}componentWillLoad(){this.validateLabel(),n.forEach((o=>{const t=this.host.querySelectorAll(`[slot="${o}"]`);this.updateGridSlotDisplay(o,t.length>0)}))}disconnectedCallback(){window.removeEventListener("postBreakpoint:device",this.breakpointChange)}updateGridSlotDisplay(o,t){this.gridSlotDisplayed[o]!==t&&(this.gridSlotDisplayed={...this.gridSlotDisplayed,[o]:t})}renderAccordion(){return t("post-accordion",{headingLevel:3,multiple:!0},n.map((o=>t("post-accordion-item",{class:{"d-none":!this.gridSlotDisplayed[o]},collapsed:!0},t("span",{slot:"header"},t("slot",{name:o+"-title"})),t("slot",{onSlotchange:this.handleGridSlotChange("mobile"),name:o})))))}renderColumns(){return n.map((o=>t("div",{class:{"d-none":!this.gridSlotDisplayed[o]}},t("slot",{onSlotchange:this.handleGridSlotChange("tablet","desktop"),name:o}))))}render(){return t(e,{key:"a8e9b31b6397a0714dbf04344ab8b14a6557de33","data-version":i},t("footer",{key:"ff7b4b44e16615386c5d12e22cede352f1713771"},t("h2",{key:"3c9e6bb2abc6c8d780d2d8add008a6429d2e56c5",class:"visually-hidden"},this.label),t("div",{key:"ed1081328cc99f3a35fca694bcb46a06a0722e0c",class:"footer-container"},t("div",{key:"d251ed5c1cd48a58ffa13fcb3783c20ca0324f62",class:"footer-grid"},"mobile"===this.device?this.renderAccordion():this.renderColumns()),t("div",{key:"470c1bb6d26ba07b5aad802c7c4a857a4b677a33",class:"footer-column"},t("div",{key:"1f5aa5b055e5843dbcd2b54e9f3e07f854131bdf",class:"footer-socialmedia"},t("slot",{key:"a0a4017352ff569ccda7f0f51192bf2e6ab5bf76",name:"socialmedia"})),t("div",{key:"52adfc1753529270eb3484581dac57978af5f447",class:"footer-app"},t("slot",{key:"790891de631670fbca5460e3b1a118c22c707180",name:"app"}))),t("div",{key:"a28cecfec455f31af7d098bf305c2b6382c85d8c",class:"footer-businesssectors"},t("slot",{key:"14d504b9356313a3e631a9eca247bc3137ab22d5",name:"businesssectors"})),t("div",{key:"81a7114a63ac70c5e3fdf93c72c4f92ff93f8d14",class:"footer-meta"},t("slot",{key:"346445c8df4d4ca575dff3a78408593b3fde805d",name:"meta"})),t("div",{key:"971e837c1c1553a5223c6a547bcc818baa252d1e",class:"footer-copyright"},t("slot",{key:"7c22cadabaa8f1845226bccdbe3caf191e39e28e",name:"copyright"})))))}get host(){return a(this)}static get watchers(){return{label:["validateLabel"]}}};d.style=":host{display:block}footer{background-color:#fc0;--post-footer-container-padding-block:32px;--post-footer-container-padding-inline:16px;--post-footer-container-max-width:1200px;--post-footer-grid-template:auto / auto;--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:0;--post-footer-grid-margin-block-end:24px;--post-footer-grid-padding-block-end:0;--post-footer-column-flex-direction:column;--post-footer-column-align-items:start;--post-footer-column-gap:0;--post-footer-post-list-flex-direction:column;--post-footer-post-list-gap:8px;--post-footer-post-list-align-items:start;--post-footer-socialmedia-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-app-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-businesssectors-margin-block-end:var(--post-footer-grid-margin-block-end);--post-footer-meta-margin-block-end:16px;--post-footer-meta-font-size:inherit;--post-footer-copyright-font-size:var(--post-footer-meta-font-size)}@media screen and (min-width: 600px){footer{--post-footer-container-padding-block:40px;--post-footer-grid-template:repeat(2, auto) / repeat(2, auto);--post-footer-grid-row-gap:32px;--post-footer-grid-column-gap:16px;--post-footer-grid-margin-block-end:32px;--post-footer-grid-padding-block-end:32px;--post-footer-post-list-flex-direction:row;--post-footer-post-list-gap:16px;--post-footer-post-list-align-items:center;--post-footer-meta-margin-block-end:8px}}@media screen and (min-width: 780px){footer{--post-footer-container-padding-inline:40px}}@media screen and (min-width: 1024px){footer{--post-footer-container-padding-block:56px;--post-footer-grid-template:auto / repeat(4, auto);--post-footer-grid-row-gap:0;--post-footer-grid-column-gap:24px;--post-footer-grid-margin-block-end:40px;--post-footer-column-flex-direction:row;--post-footer-column-align-items:center;--post-footer-column-gap:32px;--post-footer-post-list-gap:24px;--post-footer-businesssectors-margin-block-end:24px;--post-footer-meta-font-size:16px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.footer-container{box-sizing:content-box;margin:0 auto;padding:var(--post-footer-container-padding-block) var(--post-footer-container-padding-inline);max-width:var(--post-footer-container-max-width)}.footer-grid{display:grid;grid-template:var(--post-footer-grid-template);row-gap:var(--post-footer-grid-row-gap);column-gap:var(--post-footer-grid-column-gap);margin-block-end:var(--post-footer-grid-margin-block-end);padding-block-end:var(--post-footer-grid-padding-block-end)}.footer-grid ::part(button),.footer-grid ::part(body){padding-inline:0}.footer-column{display:flex;flex-direction:var(--post-footer-column-flex-direction);flex-wrap:wrap;justify-content:space-between;align-items:var(--post-footer-column-align-items);column-gap:var(--post-footer-column-gap)}.footer-socialmedia ::slotted(post-list),.footer-app ::slotted(post-list),.footer-businesssectors ::slotted(post-list),.footer-meta ::slotted(post-list){display:flex !important;flex-direction:var(--post-footer-post-list-flex-direction) !important;gap:var(--post-footer-post-list-gap) !important;align-items:var(--post-footer-post-list-align-items) !important}.footer-socialmedia{margin-block-end:var(--post-footer-socialmedia-margin-block-end)}.footer-app{margin-block-end:var(--post-footer-app-margin-block-end)}.footer-businesssectors{margin-block-end:var(--post-footer-businesssectors-margin-block-end)}.footer-meta{margin-block-end:var(--post-footer-meta-margin-block-end);font-size:var(--post-footer-meta-font-size)}.footer-copyright{display:flex;flex-wrap:wrap;column-gap:.5rem;font-size:var(--post-footer-copyright-font-size)}.d-none{display:none}post-accordion-item.d-none+post-accordion-item{--post-accordion-button-border-top-width:unset}post-accordion-item:not(.d-none)~post-accordion-item,post-accordion-item:not(post-accordion-item:not(.d-none)~*):not(:has(~post-accordion-item:not(.d-none))){--post-accordion-button-border-top-width:0}";export{d as post_footer}
|