@swisspost/design-system-components 8.2.1 → 9.0.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs.js +16 -16
- package/dist/cjs/{package-69bba137.js → package-c7d01968.js} +1 -1
- package/dist/cjs/{post-accordion-3da9563f.js → post-accordion-e29956c4.js} +11 -9
- package/dist/cjs/{post-accordion-item-57046b20.js → post-accordion-item-dc4d1801.js} +4 -4
- package/dist/cjs/post-accordion-item.cjs.entry.js +2 -2
- package/dist/cjs/post-accordion.cjs.entry.js +2 -2
- package/dist/cjs/post-alert-106c34ac.js +98 -0
- package/dist/cjs/post-alert.cjs.entry.js +2 -2
- package/dist/cjs/post-card-control-69769d1a.js +272 -0
- package/dist/cjs/post-card-control.cjs.entry.js +2 -2
- package/dist/cjs/{post-collapsible-trigger-68e20fe1.js → post-collapsible-trigger-32549d33.js} +1 -1
- package/dist/cjs/post-collapsible_2.cjs.entry.js +2 -2
- package/dist/cjs/{post-icon-0fb3e3a5.js → post-icon-221d976f.js} +1 -1
- package/dist/cjs/post-icon.cjs.entry.js +2 -2
- package/dist/cjs/{post-logo-f4c77b1a.js → post-logo-e6cb079f.js} +1 -1
- package/dist/cjs/post-logo.cjs.entry.js +2 -2
- package/dist/cjs/post-popover-cfc1b31b.js +104 -0
- package/dist/cjs/post-popover.cjs.entry.js +2 -2
- package/dist/cjs/{post-popovercontainer-d462f01b.js → post-popovercontainer-c0b86b11.js} +1 -1
- package/dist/cjs/post-popovercontainer.cjs.entry.js +2 -2
- package/dist/cjs/{post-rating-49248453.js → post-rating-b9b8b6f3.js} +2 -2
- package/dist/cjs/post-rating.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-header-01d91e1c.js → post-tab-header-43310d08.js} +2 -2
- package/dist/cjs/post-tab-header.cjs.entry.js +2 -2
- package/dist/cjs/{post-tab-panel-9f29af4a.js → post-tab-panel-300a0618.js} +1 -1
- package/dist/cjs/post-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/{post-tabs-0952f6c0.js → post-tabs-b06f799b.js} +1 -1
- package/dist/cjs/post-tabs.cjs.entry.js +2 -2
- package/dist/cjs/post-tag-d7ac3cbb.js +47 -0
- package/dist/cjs/post-tag.cjs.entry.js +2 -2
- package/dist/cjs/{post-tooltip-2c85c40a.js → post-tooltip-8d7e64f6.js} +23 -4
- package/dist/cjs/post-tooltip.cjs.entry.js +2 -2
- package/dist/collection/components/post-accordion/post-accordion.js +12 -10
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +4 -5
- package/dist/collection/components/post-alert/post-alert.css +1 -29
- package/dist/collection/components/post-card-control/post-card-control.css +0 -28
- package/dist/collection/components/post-popover/post-popover.css +0 -28
- package/dist/collection/components/post-rating/post-rating.css +0 -28
- package/dist/collection/components/post-tab-header/post-tab-header.css +0 -28
- package/dist/collection/components/post-tag/post-tag.css +0 -28
- package/dist/collection/components/post-tooltip/post-tooltip.js +30 -4
- package/dist/components/package.js +1 -1
- package/dist/components/post-accordion-item2.js +3 -3
- package/dist/components/post-accordion2.js +10 -8
- package/dist/components/post-alert2.js +1 -1
- package/dist/components/post-card-control2.js +1 -1
- package/dist/components/post-popover2.js +1 -1
- package/dist/components/post-rating2.js +1 -1
- package/dist/components/post-tab-header2.js +1 -1
- package/dist/components/post-tag2.js +1 -1
- package/dist/components/post-tooltip2.js +22 -3
- package/dist/docs.json +19 -6
- package/dist/esm/index.js +16 -16
- package/dist/esm/package-bc6404e2.js +3 -0
- package/dist/esm/{post-accordion-0997a59a.js → post-accordion-3a7b3f3c.js} +11 -9
- package/dist/esm/{post-accordion-item-6ed597ee.js → post-accordion-item-55d1e771.js} +4 -4
- package/dist/esm/post-accordion-item.entry.js +2 -2
- package/dist/esm/post-accordion.entry.js +2 -2
- package/dist/esm/post-alert-6c908130.js +96 -0
- package/dist/esm/post-alert.entry.js +2 -2
- package/dist/esm/post-card-control-9fff6efc.js +270 -0
- package/dist/esm/post-card-control.entry.js +2 -2
- package/dist/esm/{post-collapsible-trigger-ee4b6850.js → post-collapsible-trigger-8d7e027b.js} +1 -1
- package/dist/esm/post-collapsible_2.entry.js +2 -2
- package/dist/esm/{post-icon-91683e26.js → post-icon-d59ad345.js} +1 -1
- package/dist/esm/post-icon.entry.js +2 -2
- package/dist/esm/{post-logo-3f8cf707.js → post-logo-a1487634.js} +1 -1
- package/dist/esm/post-logo.entry.js +2 -2
- package/dist/esm/post-popover-972c5ea7.js +102 -0
- package/dist/esm/post-popover.entry.js +2 -2
- package/dist/esm/{post-popovercontainer-23860260.js → post-popovercontainer-2485b7d9.js} +1 -1
- package/dist/esm/post-popovercontainer.entry.js +2 -2
- package/dist/esm/{post-rating-dfd43afc.js → post-rating-cca784ae.js} +2 -2
- package/dist/esm/post-rating.entry.js +2 -2
- package/dist/esm/{post-tab-header-42bfc542.js → post-tab-header-dd2cb68e.js} +2 -2
- package/dist/esm/post-tab-header.entry.js +2 -2
- package/dist/esm/{post-tab-panel-233c4dc3.js → post-tab-panel-633a5e6b.js} +1 -1
- package/dist/esm/post-tab-panel.entry.js +2 -2
- package/dist/esm/{post-tabs-fdea9439.js → post-tabs-74ded897.js} +1 -1
- package/dist/esm/post-tabs.entry.js +2 -2
- package/dist/esm/post-tag-f60a71fd.js +45 -0
- package/dist/esm/post-tag.entry.js +2 -2
- package/dist/esm/{post-tooltip-f46b5e51.js → post-tooltip-0457467f.js} +23 -4
- package/dist/esm/post-tooltip.entry.js +2 -2
- package/dist/post-components/index.esm.js +1 -1
- package/dist/post-components/{p-968de7fe.js → p-01a8fe6a.js} +3 -3
- package/dist/post-components/p-0e0c11f9.entry.js +1 -0
- package/dist/post-components/{p-18c01d62.js → p-124fe6c8.js} +1 -1
- package/dist/post-components/p-15c6739e.entry.js +1 -0
- package/dist/post-components/p-2180e02d.entry.js +1 -0
- package/dist/post-components/p-22ec06ae.entry.js +1 -0
- package/dist/post-components/p-26bbd8e5.entry.js +1 -0
- package/dist/post-components/p-2b43665d.js +1 -0
- package/dist/post-components/p-2d1f85f4.js +1 -0
- package/dist/post-components/p-41094063.js +1 -0
- package/dist/post-components/p-464ce10a.entry.js +1 -0
- package/dist/post-components/{p-50bc322d.js → p-51eff367.js} +1 -1
- package/dist/post-components/p-586f7f53.entry.js +1 -0
- package/dist/post-components/p-65031b20.entry.js +1 -0
- package/dist/post-components/p-6d9c46f4.js +1 -0
- package/dist/post-components/{p-35f06c3d.js → p-6f12f3e5.js} +1 -1
- package/dist/post-components/p-718eb560.js +1 -0
- package/dist/post-components/p-78407640.entry.js +1 -0
- package/dist/post-components/p-79a40235.entry.js +1 -0
- package/dist/post-components/{p-f04634da.js → p-7ab513fc.js} +1 -1
- package/dist/post-components/p-9cba7d2f.js +1 -0
- package/dist/post-components/p-9eb27378.entry.js +1 -0
- package/dist/post-components/{p-bd339c2c.js → p-a528acc4.js} +1 -1
- package/dist/post-components/{p-660594c0.js → p-aa8e43c3.js} +1 -1
- package/dist/post-components/p-b68c86a7.js +1 -0
- package/dist/post-components/p-b8db0e0a.entry.js +1 -0
- package/dist/post-components/p-bcd5843c.entry.js +1 -0
- package/dist/post-components/p-c21b810d.js +1 -0
- package/dist/post-components/{p-4aef4c0b.js → p-c386219b.js} +1 -1
- package/dist/post-components/p-e7c67ff0.entry.js +1 -0
- package/dist/post-components/{p-b5fa3ba0.entry.js → p-f10e2bb1.entry.js} +1 -1
- package/dist/post-components/post-components.esm.js +1 -1
- package/dist/types/components/post-accordion/post-accordion.d.ts +1 -1
- package/dist/types/components/post-tooltip/post-tooltip.d.ts +4 -1
- package/dist/types/components.d.ts +4 -3
- package/loaders/package.js +1 -1
- package/loaders/post-accordion-item.js +3 -3
- package/loaders/post-accordion.js +10 -8
- package/loaders/post-alert.js +1 -1
- package/loaders/post-card-control.js +1 -1
- package/loaders/post-popover.js +1 -1
- package/loaders/post-rating.js +1 -1
- package/loaders/post-tab-header.js +1 -1
- package/loaders/post-tag.js +1 -1
- package/loaders/post-tooltip.js +22 -3
- package/package.json +3 -3
- package/dist/cjs/post-alert-54b0ed5d.js +0 -98
- package/dist/cjs/post-card-control-407e03b7.js +0 -272
- package/dist/cjs/post-popover-01193d5f.js +0 -104
- package/dist/cjs/post-tag-7afb5956.js +0 -47
- package/dist/esm/package-cc8df0dd.js +0 -3
- package/dist/esm/post-alert-a0eeba8b.js +0 -96
- package/dist/esm/post-card-control-453166e5.js +0 -270
- package/dist/esm/post-popover-b44d91a2.js +0 -102
- package/dist/esm/post-tag-98651c1c.js +0 -45
- package/dist/post-components/p-0e04f44b.entry.js +0 -1
- package/dist/post-components/p-17b8b241.js +0 -1
- package/dist/post-components/p-1a4ef000.js +0 -1
- package/dist/post-components/p-213cfa52.js +0 -1
- package/dist/post-components/p-30af6382.entry.js +0 -1
- package/dist/post-components/p-326709cb.js +0 -1
- package/dist/post-components/p-3749f35b.entry.js +0 -1
- package/dist/post-components/p-444824a1.entry.js +0 -1
- package/dist/post-components/p-4c229386.js +0 -1
- package/dist/post-components/p-605b64b4.entry.js +0 -1
- package/dist/post-components/p-60cc57a5.entry.js +0 -1
- package/dist/post-components/p-7bf744e9.entry.js +0 -1
- package/dist/post-components/p-94d8f3d2.entry.js +0 -1
- package/dist/post-components/p-b41129e7.entry.js +0 -1
- package/dist/post-components/p-b545df93.entry.js +0 -1
- package/dist/post-components/p-b96c35d4.js +0 -1
- package/dist/post-components/p-c0aa6d02.js +0 -1
- package/dist/post-components/p-c4f5fa27.entry.js +0 -1
- package/dist/post-components/p-c998fdc9.entry.js +0 -1
- package/dist/post-components/p-cb757310.js +0 -1
- package/dist/post-components/p-d2912c01.entry.js +0 -1
- package/dist/post-components/p-e00b4f0d.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
|
|
2
2
|
import { c as checkEmptyOrOneOf, d as checkEmptyOrType, a as checkType } from './index-f41b763f.js';
|
|
3
|
-
import { v as version } from './package-
|
|
3
|
+
import { v as version } from './package-bc6404e2.js';
|
|
4
4
|
import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
|
|
5
5
|
|
|
6
6
|
const postIconCss = ":host{display:inline-block;width:1em;height:1em;vertical-align:-0.15em}span{display:block;width:100%;height:100%;fill:currentColor;forced-color-adjust:preserve-parent-color;background-color:currentColor;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}:host([flip-h]:not([flip-h=false])){scale:-1 1}:host([flip-v]:not([flip-v=false])){scale:1 -1}:host([flip-h][flip-v]:not([flip-h=false],[flip-v=false])){scale:-1}:host([animation]){transform-origin:center}:host([animation=cylon]){animation:icon-animation-cylon .75s ease-in-out infinite alternate}:host([animation=cylon-vertical]){animation:icon-animation-cylon-vertical .75s ease-in-out infinite alternate}:host([animation=spin]){animation:icon-animation-spin 2s linear infinite normal}:host([animation=spin-reverse]){animation:icon-animation-spin 2s linear infinite reverse}:host([animation=fade]){animation:icon-animation-fade .75s ease-in-out infinite alternate}:host([animation=throb]){animation:icon-animation-throb .75s ease-in-out infinite alternate}@keyframes icon-animation-cylon{from{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes icon-animation-cylon-vertical{from{transform:translateY(25%)}to{transform:translateY(-25%)}}@keyframes icon-animation-fade{from{opacity:.1}to{opacity:1}}@keyframes icon-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes icon-animation-throb{from{opacity:.5;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { P as post_icon } from './post-icon-
|
|
1
|
+
export { P as post_icon } from './post-icon-d59ad345.js';
|
|
2
2
|
import './index-0b56fc28.js';
|
|
3
3
|
import './index-f41b763f.js';
|
|
4
4
|
import './constants-8d548297.js';
|
|
5
5
|
import './check-one-of-6b3ef8eb.js';
|
|
6
|
-
import './package-
|
|
6
|
+
import './package-bc6404e2.js';
|
|
7
7
|
import './check-non-empty-58bd6b17.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-bc6404e2.js';
|
|
3
3
|
import { e as checkEmptyOrUrl } from './index-f41b763f.js';
|
|
4
4
|
|
|
5
5
|
const postLogoCss = ":host,.logo{display:inline-block}:host,:host .logo>svg,.logo,.logo .logo>svg{height:100%}.description{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { P as post_logo } from './post-logo-
|
|
1
|
+
export { P as post_logo } from './post-logo-a1487634.js';
|
|
2
2
|
import './index-0b56fc28.js';
|
|
3
|
-
import './package-
|
|
3
|
+
import './package-bc6404e2.js';
|
|
4
4
|
import './index-f41b763f.js';
|
|
5
5
|
import './constants-8d548297.js';
|
|
6
6
|
import './check-one-of-6b3ef8eb.js';
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
|
|
2
|
+
import { v as version } from './package-bc6404e2.js';
|
|
3
|
+
import { g as getAttributeObserver } from './attribute-observer-37fa950a.js';
|
|
4
|
+
|
|
5
|
+
const postPopoverCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.btn-close{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button;border-radius:4px;color:var(--post-gray-80);transition:opacity 250ms,border-color 250ms,background-color 250ms,color 250ms;cursor:pointer}.btn-close{outline-style:none !important;outline-offset:2px !important;outline-width:2px !important;outline-color:var(--post-focus-color) !important}.btn-close:is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-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: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{-webkit-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\");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:1.5rem;width:1.5rem}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .btn-close{color:var(--post-contrast-color)}.btn-close:focus,.btn-close:not(:disabled):hover,.pretend-hover.btn-close{color:var(--post-contrast-color)}.btn-close:disabled{color:var(--post-gray-40)}@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}*{box-sizing:border-box}:host{--post-contrast-color:#fff;--post-bg-rgb:51, 51, 51;display:block}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.popover-container{display:flex;align-items:self-start;padding:.5em;min-width:160px;max-width:280px}@media (max-width: 599.98px){.popover-container{max-width:100%}}.popover-content{padding:.5em;flex-grow:1}.btn-close{color:inherit}";
|
|
6
|
+
const PostPopoverStyle0 = postPopoverCss;
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* @slot default - Slot for placing content inside the popover.
|
|
10
|
+
*/
|
|
11
|
+
let popoverInstances = 0;
|
|
12
|
+
const popoverTargetAttribute = 'data-popover-target';
|
|
13
|
+
const globalToggleHandler = (e) => {
|
|
14
|
+
const target = e.target;
|
|
15
|
+
if (!target || !('getAttribute' in target))
|
|
16
|
+
return;
|
|
17
|
+
const popoverTarget = target.getAttribute(popoverTargetAttribute);
|
|
18
|
+
if (!popoverTarget || ('key' in e && e.key !== 'Enter'))
|
|
19
|
+
return;
|
|
20
|
+
const popover = document.getElementById(popoverTarget);
|
|
21
|
+
popover === null || popover === void 0 ? void 0 : popover.toggle(target);
|
|
22
|
+
};
|
|
23
|
+
// Initialize a mutation observer for patching accessibility features
|
|
24
|
+
const triggerObserver = getAttributeObserver(popoverTargetAttribute, trigger => {
|
|
25
|
+
const force = trigger.hasAttribute(popoverTargetAttribute);
|
|
26
|
+
trigger.setAttribute('aria-expanded', force ? 'false' : null);
|
|
27
|
+
});
|
|
28
|
+
const PostPopover = class {
|
|
29
|
+
constructor(hostRef) {
|
|
30
|
+
registerInstance(this, hostRef);
|
|
31
|
+
this.placement = 'top';
|
|
32
|
+
this.closeButtonCaption = undefined;
|
|
33
|
+
this.arrow = true;
|
|
34
|
+
this.localBeforeToggleHandler = this.beforeToggleHandler.bind(this);
|
|
35
|
+
}
|
|
36
|
+
connectedCallback() {
|
|
37
|
+
// Set up accessibility patcher and event listeners for the first component
|
|
38
|
+
if (popoverInstances === 0) {
|
|
39
|
+
window.addEventListener('pointerup', globalToggleHandler);
|
|
40
|
+
window.addEventListener('keydown', globalToggleHandler);
|
|
41
|
+
triggerObserver.observe(document.body, {
|
|
42
|
+
subtree: true,
|
|
43
|
+
childList: true,
|
|
44
|
+
attributeFilter: [popoverTargetAttribute],
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
popoverInstances++;
|
|
48
|
+
this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
|
|
49
|
+
}
|
|
50
|
+
componentDidLoad() {
|
|
51
|
+
this.popoverRef.addEventListener('beforetoggle', this.localBeforeToggleHandler);
|
|
52
|
+
}
|
|
53
|
+
disconnectedCallback() {
|
|
54
|
+
popoverInstances--;
|
|
55
|
+
// Remove listeners and observer after the last popover has been destructed
|
|
56
|
+
if (popoverInstances === 0) {
|
|
57
|
+
window.removeEventListener('click', globalToggleHandler);
|
|
58
|
+
window.removeEventListener('keydown', globalToggleHandler);
|
|
59
|
+
triggerObserver.disconnect();
|
|
60
|
+
}
|
|
61
|
+
this.popoverRef.removeEventListener('beforetoggle', this.localBeforeToggleHandler);
|
|
62
|
+
this.triggers.forEach(trigger => trigger.removeAttribute('aria-expanded'));
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* Programmatically display the popover
|
|
66
|
+
* @param target An element with [data-popover-target="id"] where the popover should be shown
|
|
67
|
+
*/
|
|
68
|
+
async show(target) {
|
|
69
|
+
this.popoverRef.show(target);
|
|
70
|
+
target.setAttribute('aria-expanded', 'true');
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Programmatically hide this popover
|
|
74
|
+
*/
|
|
75
|
+
async hide() {
|
|
76
|
+
this.popoverRef.hide();
|
|
77
|
+
this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* Toggle popover display
|
|
81
|
+
* @param target An element with [data-popover-target="id"] where the popover should be anchored to
|
|
82
|
+
* @param force Pass true to always show or false to always hide
|
|
83
|
+
*/
|
|
84
|
+
async toggle(target, force) {
|
|
85
|
+
const newState = await this.popoverRef.toggle(target, force);
|
|
86
|
+
this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
|
|
87
|
+
target.setAttribute('aria-expanded', `${newState}`);
|
|
88
|
+
}
|
|
89
|
+
get triggers() {
|
|
90
|
+
return document.querySelectorAll(`[${popoverTargetAttribute}="${this.host.id}"]`);
|
|
91
|
+
}
|
|
92
|
+
beforeToggleHandler() {
|
|
93
|
+
this.triggers.forEach(trigger => trigger.setAttribute('aria-expanded', 'false'));
|
|
94
|
+
}
|
|
95
|
+
render() {
|
|
96
|
+
return (h(Host, { key: '6fe379d071ec88a76f99cc10f0fdce0b2f079fbd', "data-version": version }, h("post-popovercontainer", { key: '3a5e2896e87e3f2d32c0ad9b1d80327cc585f289', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e) }, h("div", { key: '46834ef6a3893fe8823776d8feb20a2fb328e3bc', class: "popover-container" }, h("div", { key: '9d61b678c2613e84efc0df805cbb67fbe3d06991', class: "popover-content" }, h("slot", { key: '1cfef5daaea3f6370869a3ae648ff36e2dddd82a' })), h("button", { key: 'c7a2e12ece46ee63d8004d99427c8c6febc2dc17', class: "btn-close", onClick: () => this.hide() }, h("span", { key: '1aee8ffe06b5c4c9bade0185a8832328410fbe4a', class: "visually-hidden" }, this.closeButtonCaption))))));
|
|
97
|
+
}
|
|
98
|
+
get host() { return getElement(this); }
|
|
99
|
+
};
|
|
100
|
+
PostPopover.style = PostPopoverStyle0;
|
|
101
|
+
|
|
102
|
+
export { PostPopover as P };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { P as post_popover } from './post-popover-
|
|
1
|
+
export { P as post_popover } from './post-popover-972c5ea7.js';
|
|
2
2
|
import './index-0b56fc28.js';
|
|
3
|
-
import './package-
|
|
3
|
+
import './package-bc6404e2.js';
|
|
4
4
|
import './attribute-observer-37fa950a.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0b56fc28.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-bc6404e2.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Custom positioning reference element.
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { P as post_popovercontainer } from './post-popovercontainer-
|
|
1
|
+
export { P as post_popovercontainer } from './post-popovercontainer-2485b7d9.js';
|
|
2
2
|
import './index-0b56fc28.js';
|
|
3
|
-
import './package-
|
|
3
|
+
import './package-bc6404e2.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0b56fc28.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-bc6404e2.js';
|
|
3
3
|
|
|
4
|
-
const postRatingCss = "/*!\n *
|
|
4
|
+
const postRatingCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:inline-block}.rating{display:flex;flex-wrap:wrap;overflow:hidden;margin:0 -0.25rem;border-radius:4px}.rating .star{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fff;position:relative;width:2rem;height:2rem;cursor:pointer}.rating .star .stroke,.rating .star .fill{display:block;width:100%;height:100%;transition:all ease 100ms}.rating .star .stroke{position:absolute;inset:auto;z-index:1;color:var(--post-rating-star-stroke)}.rating .star .fill{margin:1px;width:calc(100% - 2px);height:calc(100% - 2px);color:var(--post-rating-star-fill)}.rating .star.before-hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.active{--post-rating-star-stroke:hsl(0, 0%, 20%);--post-rating-star-fill:#fc0}.rating .star.hover{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:#fc0}.rating .star.after-active{--post-rating-star-stroke:hsl(0, 0%, 40%);--post-rating-star-fill:hsl(0, 0%, 80%)}.rating :focus{outline:none}.rating:focus-visible{outline-offset:2px;outline:2px solid #1976c8}.rating[aria-readonly=true] .star,.rating[aria-disabled=true] .star{cursor:default}.rating[aria-disabled=true] .star{--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:#fff}.rating[aria-disabled=true] .star.active{cursor:default;--post-rating-star-stroke:hsl(0, 0%, 60%);--post-rating-star-fill:hsl(0, 0%, 90%)}";
|
|
5
5
|
const PostRatingStyle0 = postRatingCss;
|
|
6
6
|
|
|
7
7
|
const PostRating = class {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { P as post_rating } from './post-rating-
|
|
1
|
+
export { P as post_rating } from './post-rating-cca784ae.js';
|
|
2
2
|
import './index-0b56fc28.js';
|
|
3
|
-
import './package-
|
|
3
|
+
import './package-bc6404e2.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-bc6404e2.js';
|
|
3
3
|
import { c as checkNonEmpty } from './check-non-empty-58bd6b17.js';
|
|
4
4
|
|
|
5
|
-
const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:var(--post-contrast-color);text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted);box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:var(--post-contrast-color-inverted);color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-secondary .tab-title{background-color:#666}.bg-secondary .tab-title.active{background-color:#666}.bg-secondary .nav-item{background-color:#666}.bg-success .tab-title{background-color:#2c871d}.bg-success .tab-title.active{background-color:#2c871d}.bg-success .nav-item{background-color:#2c871d}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-error .tab-title{background-color:#a51728}.bg-error .tab-title.active{background-color:#a51728}.bg-error .nav-item{background-color:#a51728}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}.bg-nightblue .tab-title{background-color:#004976}.bg-nightblue .tab-title.active{background-color:#004976}.bg-nightblue .nav-item{background-color:#004976}.bg-nightblue-bright .tab-title{background-color:#0076a8}.bg-nightblue-bright .tab-title.active{background-color:#0076a8}.bg-nightblue-bright .nav-item{background-color:#0076a8}.bg-petrol .tab-title{background-color:#006d68}.bg-petrol .tab-title.active{background-color:#006d68}.bg-petrol .nav-item{background-color:#006d68}.bg-petrol-bright .tab-title{background-color:#00968f}.bg-petrol-bright .tab-title.active{background-color:#00968f}.bg-petrol-bright .nav-item{background-color:#00968f}.bg-coral .tab-title{background-color:#9e2a2f}.bg-coral .tab-title.active{background-color:#9e2a2f}.bg-coral .nav-item{background-color:#9e2a2f}.bg-coral-bright .tab-title{background-color:#e03c31}.bg-coral-bright .tab-title.active{background-color:#e03c31}.bg-coral-bright .nav-item{background-color:#e03c31}.bg-olive .tab-title{background-color:#716135}.bg-olive .tab-title.active{background-color:#716135}.bg-olive .nav-item{background-color:#716135}.bg-olive-bright .tab-title{background-color:#aa9d2e}.bg-olive-bright .tab-title.active{background-color:#aa9d2e}.bg-olive-bright .nav-item{background-color:#aa9d2e}.bg-purple .tab-title{background-color:#80276c}.bg-purple .tab-title.active{background-color:#80276c}.bg-purple .nav-item{background-color:#80276c}.bg-purple-bright .tab-title{background-color:#c5299b}.bg-purple-bright .tab-title.active{background-color:#c5299b}.bg-purple-bright .nav-item{background-color:#c5299b}.bg-aubergine .tab-title{background-color:#523178}.bg-aubergine .tab-title.active{background-color:#523178}.bg-aubergine .nav-item{background-color:#523178}.bg-aubergine-bright .tab-title{background-color:#7566a0}.bg-aubergine-bright .tab-title.active{background-color:#7566a0}.bg-aubergine-bright .nav-item{background-color:#7566a0}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\n *
|
|
5
|
+
const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;cursor:pointer;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:var(--post-contrast-color);text-decoration:none;background-color:rgba(0,0,0,0)}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:rgba(var(--post-contrast-color-rgb), 0.6);color:var(--post-contrast-color-inverted);box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:var(--post-contrast-color-inverted);color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:where(.bg-dark,.bg-black,.bg-primary,.bg-secondary,.bg-success,.bg-error,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.alert-primary,post-alert[type=primary],.alert-success,post-alert[type=success],.alert-danger,post-alert[type=danger],.alert-notification,post-alert[type=notification],.alert-error,post-alert[type=error]) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-secondary .tab-title{background-color:#666}.bg-secondary .tab-title.active{background-color:#666}.bg-secondary .nav-item{background-color:#666}.bg-success .tab-title{background-color:#2c871d}.bg-success .tab-title.active{background-color:#2c871d}.bg-success .nav-item{background-color:#2c871d}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-error .tab-title{background-color:#a51728}.bg-error .tab-title.active{background-color:#a51728}.bg-error .nav-item{background-color:#a51728}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}.bg-nightblue .tab-title{background-color:#004976}.bg-nightblue .tab-title.active{background-color:#004976}.bg-nightblue .nav-item{background-color:#004976}.bg-nightblue-bright .tab-title{background-color:#0076a8}.bg-nightblue-bright .tab-title.active{background-color:#0076a8}.bg-nightblue-bright .nav-item{background-color:#0076a8}.bg-petrol .tab-title{background-color:#006d68}.bg-petrol .tab-title.active{background-color:#006d68}.bg-petrol .nav-item{background-color:#006d68}.bg-petrol-bright .tab-title{background-color:#00968f}.bg-petrol-bright .tab-title.active{background-color:#00968f}.bg-petrol-bright .nav-item{background-color:#00968f}.bg-coral .tab-title{background-color:#9e2a2f}.bg-coral .tab-title.active{background-color:#9e2a2f}.bg-coral .nav-item{background-color:#9e2a2f}.bg-coral-bright .tab-title{background-color:#e03c31}.bg-coral-bright .tab-title.active{background-color:#e03c31}.bg-coral-bright .nav-item{background-color:#e03c31}.bg-olive .tab-title{background-color:#716135}.bg-olive .tab-title.active{background-color:#716135}.bg-olive .nav-item{background-color:#716135}.bg-olive-bright .tab-title{background-color:#aa9d2e}.bg-olive-bright .tab-title.active{background-color:#aa9d2e}.bg-olive-bright .nav-item{background-color:#aa9d2e}.bg-purple .tab-title{background-color:#80276c}.bg-purple .tab-title.active{background-color:#80276c}.bg-purple .nav-item{background-color:#80276c}.bg-purple-bright .tab-title{background-color:#c5299b}.bg-purple-bright .tab-title.active{background-color:#c5299b}.bg-purple-bright .nav-item{background-color:#c5299b}.bg-aubergine .tab-title{background-color:#523178}.bg-aubergine .tab-title.active{background-color:#523178}.bg-aubergine .nav-item{background-color:#523178}.bg-aubergine-bright .tab-title{background-color:#7566a0}.bg-aubergine-bright .tab-title.active{background-color:#7566a0}.bg-aubergine-bright .nav-item{background-color:#7566a0}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;appearance:button}";
|
|
6
6
|
const PostTabHeaderStyle0 = postTabHeaderCss;
|
|
7
7
|
|
|
8
8
|
const PostTabHeader = class {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { P as post_tab_header } from './post-tab-header-
|
|
1
|
+
export { P as post_tab_header } from './post-tab-header-dd2cb68e.js';
|
|
2
2
|
import './index-0b56fc28.js';
|
|
3
|
-
import './package-
|
|
3
|
+
import './package-bc6404e2.js';
|
|
4
4
|
import './check-non-empty-58bd6b17.js';
|
|
5
5
|
import './constants-8d548297.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-bc6404e2.js';
|
|
3
3
|
|
|
4
4
|
const postTabPanelCss = ":host{display:none}";
|
|
5
5
|
const PostTabPanelStyle0 = postTabPanelCss;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { P as post_tab_panel } from './post-tab-panel-
|
|
1
|
+
export { P as post_tab_panel } from './post-tab-panel-633a5e6b.js';
|
|
2
2
|
import './index-0b56fc28.js';
|
|
3
|
-
import './package-
|
|
3
|
+
import './package-bc6404e2.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0b56fc28.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-bc6404e2.js';
|
|
3
3
|
import { f as fadeOut, a as fadeIn } from './fade-7fd71785.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
|
|
2
|
+
import { v as version } from './package-bc6404e2.js';
|
|
3
|
+
|
|
4
|
+
const postTagCss = "/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */.tag,.tag:where(:has(:not(pre))){--post-tag-bg:hsl(0, 0%, 90%);--post-tag-fg:#000;display:inline-flex;align-items:center;gap:.25rem;padding:0 .5rem;max-width:100%;background-color:var(--post-tag-bg);border:1px solid rgba(0,0,0,0);border-radius:.25rem;font-size:1rem;line-height:1.875rem;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:1.5rem}.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:var(--post-contrast-color)}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}";
|
|
5
|
+
const PostTagStyle0 = postTagCss;
|
|
6
|
+
|
|
7
|
+
const PostTag = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.classes = undefined;
|
|
11
|
+
this.variant = undefined;
|
|
12
|
+
this.size = null;
|
|
13
|
+
this.icon = null;
|
|
14
|
+
this.setClasses = this.setClasses.bind(this);
|
|
15
|
+
}
|
|
16
|
+
variantChanged() {
|
|
17
|
+
this.setClasses();
|
|
18
|
+
}
|
|
19
|
+
sizeChanged() {
|
|
20
|
+
this.setClasses();
|
|
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
|
+
connectedCallback() {
|
|
32
|
+
this.setClasses();
|
|
33
|
+
}
|
|
34
|
+
render() {
|
|
35
|
+
return (h(Host, { key: '7426002d3008de53e92edc8ec2fc759569b191bf', "data-version": version }, h("div", { key: '1cde8f5c3d2db66f45aaa64091a1b76f1d1468ee', class: this.classes }, this.icon ? h("post-icon", { name: this.icon }) : null, h("div", { key: 'cc63b7277ba4f4076a46f5038b24699f6818c81b', class: "tag-text" }, h("slot", { key: '37b57632add7f7c093e42302e44defef63ccc29f' })))));
|
|
36
|
+
}
|
|
37
|
+
get host() { return getElement(this); }
|
|
38
|
+
static get watchers() { return {
|
|
39
|
+
"variant": ["variantChanged"],
|
|
40
|
+
"size": ["sizeChanged"]
|
|
41
|
+
}; }
|
|
42
|
+
};
|
|
43
|
+
PostTag.style = PostTagStyle0;
|
|
44
|
+
|
|
45
|
+
export { PostTag as P };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { P as post_tag } from './post-tag-
|
|
1
|
+
export { P as post_tag } from './post-tag-f60a71fd.js';
|
|
2
2
|
import './index-0b56fc28.js';
|
|
3
|
-
import './package-
|
|
3
|
+
import './package-bc6404e2.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-0b56fc28.js';
|
|
2
|
-
import { v as version$1 } from './package-
|
|
2
|
+
import { v as version$1 } from './package-bc6404e2.js';
|
|
3
3
|
import { g as getAttributeObserver } from './attribute-observer-37fa950a.js';
|
|
4
4
|
import { d as checkEmptyOrType } from './index-f41b763f.js';
|
|
5
5
|
|
|
@@ -4793,6 +4793,10 @@ const tooltipTargetAttributeSelector = `[${tooltipTargetAttribute}]`;
|
|
|
4793
4793
|
/**
|
|
4794
4794
|
* Global event listener to show tooltips. This is globalized so that triggers that are rendered
|
|
4795
4795
|
* async will still work without the need to set listeners on the element itself
|
|
4796
|
+
*
|
|
4797
|
+
* This handler manages both pointer and focus events to properly trigger tooltips.
|
|
4798
|
+
* If the event is a focus event (e.g., keyboard navigation), pointer events are ignored to avoid
|
|
4799
|
+
* interference with tooltip behavior.
|
|
4796
4800
|
* @param e Event
|
|
4797
4801
|
* @returns
|
|
4798
4802
|
*/
|
|
@@ -4804,7 +4808,9 @@ const globalInterestHandler = (e) => {
|
|
|
4804
4808
|
if (!tooltipTarget || tooltipTarget === '')
|
|
4805
4809
|
return;
|
|
4806
4810
|
const tooltip = document.getElementById(tooltipTarget);
|
|
4807
|
-
|
|
4811
|
+
// Determine if the tooltip was triggered by a focus event
|
|
4812
|
+
const triggeredByFocus = e.type === 'focusin';
|
|
4813
|
+
void (tooltip === null || tooltip === void 0 ? void 0 : tooltip.show(targetElement, triggeredByFocus));
|
|
4808
4814
|
if (hideTooltipTimeout) {
|
|
4809
4815
|
window.clearTimeout(hideTooltipTimeout);
|
|
4810
4816
|
hideTooltipTimeout = null;
|
|
@@ -4859,6 +4865,7 @@ const triggerObserver = getAttributeObserver(tooltipTargetAttribute, patchAccess
|
|
|
4859
4865
|
const PostTooltip = class {
|
|
4860
4866
|
constructor(hostRef) {
|
|
4861
4867
|
registerInstance(this, hostRef);
|
|
4868
|
+
this.wasOpenedByFocus = false;
|
|
4862
4869
|
this.placement = 'top';
|
|
4863
4870
|
this.arrow = true;
|
|
4864
4871
|
this.delayed = false;
|
|
@@ -4918,10 +4925,20 @@ const PostTooltip = class {
|
|
|
4918
4925
|
/**
|
|
4919
4926
|
* Programmatically display the tooltip
|
|
4920
4927
|
* @param target An element with [data-tooltip-target="id"] where the tooltip should be shown
|
|
4928
|
+
* @param triggeredByFocus A boolean indicating if the tooltip was triggered by a focus event.
|
|
4921
4929
|
*/
|
|
4922
|
-
async show(target) {
|
|
4930
|
+
async show(target, triggeredByFocus = false) {
|
|
4923
4931
|
if (this.delayed)
|
|
4924
4932
|
await timeout(OPEN_DELAY);
|
|
4933
|
+
// Determine if the tooltip was opened by a focus event
|
|
4934
|
+
this.wasOpenedByFocus = triggeredByFocus;
|
|
4935
|
+
// Disable pointer events if triggered by focus, otherwise enable them
|
|
4936
|
+
if (this.wasOpenedByFocus) {
|
|
4937
|
+
this.host.style.pointerEvents = 'none';
|
|
4938
|
+
}
|
|
4939
|
+
else {
|
|
4940
|
+
this.host.style.pointerEvents = 'auto';
|
|
4941
|
+
}
|
|
4925
4942
|
this.popoverRef.show(target);
|
|
4926
4943
|
}
|
|
4927
4944
|
/**
|
|
@@ -4949,13 +4966,15 @@ const PostTooltip = class {
|
|
|
4949
4966
|
}
|
|
4950
4967
|
/**
|
|
4951
4968
|
* Pointer or focus left the tooltip, initiate the hiding process
|
|
4969
|
+
* Re-enable pointer events when the tooltip is no longer in focus or hovered
|
|
4952
4970
|
*/
|
|
4953
4971
|
handleInterestLost() {
|
|
4954
4972
|
globalHideTooltip(this);
|
|
4973
|
+
this.host.style.pointerEvents = 'auto';
|
|
4955
4974
|
}
|
|
4956
4975
|
render() {
|
|
4957
4976
|
const popoverClass = `${this.arrow ? ' has-arrow' : ''}`;
|
|
4958
|
-
return (h(Host, { key: '
|
|
4977
|
+
return (h(Host, { key: '6d5e454da6fb46fb4446d8ed1deb8c6a9f2f2e0f', "data-version": version$1, role: "tooltip", onPointerOver: this.handleInterest, onPointerOut: this.handleInterestLost, onFocusIn: this.handleInterest, onFocusOut: this.handleInterestLost }, h("post-popovercontainer", { key: '7b626cd4699e4178fbd8506b88fae64c94ab1631', class: popoverClass, arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: 'ae5721af16313dc3737947d2ae130e0514ef2dd8' }))));
|
|
4959
4978
|
}
|
|
4960
4979
|
get host() { return getElement(this); }
|
|
4961
4980
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { P as post_tooltip } from './post-tooltip-
|
|
1
|
+
export { P as post_tooltip } from './post-tooltip-0457467f.js';
|
|
2
2
|
import './index-0b56fc28.js';
|
|
3
|
-
import './package-
|
|
3
|
+
import './package-bc6404e2.js';
|
|
4
4
|
import './attribute-observer-37fa950a.js';
|
|
5
5
|
import './index-f41b763f.js';
|
|
6
6
|
import './constants-8d548297.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as PostAccordion}from"./p-
|
|
1
|
+
export{P as PostAccordion}from"./p-41094063.js";export{P as PostAccordionItem}from"./p-2b43665d.js";export{P as PostAlert}from"./p-9cba7d2f.js";export{P as PostCardControl}from"./p-c21b810d.js";export{P as PostCollapsible,a as PostCollapsibleTrigger}from"./p-a528acc4.js";export{P as PostIcon}from"./p-c386219b.js";export{P as PostLogo}from"./p-aa8e43c3.js";export{P as PostPopover}from"./p-6d9c46f4.js";export{P as PostPopovercontainer}from"./p-51eff367.js";export{P as PostRating}from"./p-2d1f85f4.js";export{P as PostTabs}from"./p-124fe6c8.js";export{P as PostTabHeader}from"./p-6f12f3e5.js";export{P as PostTabPanel}from"./p-7ab513fc.js";export{P as PostTooltip}from"./p-01a8fe6a.js";export{P as PostTag}from"./p-b68c86a7.js";import"./p-d2f9de94.js";import"./p-718eb560.js";import"./p-247a1668.js";import"./p-611b3c41.js";import"./p-deb4131c.js";import"./p-440193f4.js";import"./p-2737eaf5.js";import"./p-b095519d.js";import"./p-6adeaa6c.js";
|