@baloise/ds-core 16.1.0 → 16.2.0-nightly.20240520
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/all.d.ts +2 -0
- package/components/all.js +3 -0
- package/components/bal-app.js +1 -85
- package/components/bal-app2.js +87 -0
- package/components/bal-date.js +3 -1
- package/components/bal-doc-app.d.ts +11 -0
- package/components/bal-doc-app.js +260 -0
- package/components/bal-footer.js +7 -2
- package/components/bal-input-date2.js +15 -3
- package/components/index.js +6 -289
- package/components/initialize.js +288 -0
- package/components/mask-util.js +3 -0
- package/components/scroll.js +1 -1
- package/components/tokens.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.esm.js +1 -1
- package/dist/baloise-design-system/baloise-design-system.js +1 -1
- package/dist/baloise-design-system/index.esm.js +1 -1
- package/dist/baloise-design-system/{p-74f4b9818b.system.entry.js → p-0da7dd220b.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-9a0640d065.entry.js → p-118ad7cea6.entry.js} +1 -1
- package/dist/baloise-design-system/p-1509eaa7.system.js +1 -1
- package/dist/baloise-design-system/p-16b1404ab3.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-bcebf41b74.entry.js → p-1705a9d7e3.entry.js} +1 -1
- package/dist/baloise-design-system/p-1876e0cbba.entry.js +1 -0
- package/dist/baloise-design-system/p-1a158488.js +1 -0
- package/dist/baloise-design-system/{p-8c209ac52b.system.entry.js → p-1b9dff88d5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f233fe25.system.js → p-1d351673.system.js} +1 -1
- package/dist/baloise-design-system/{p-14ae0709.system.js → p-28ec9e9e.system.js} +1 -1
- package/dist/baloise-design-system/{p-10b8686d91.entry.js → p-2a17ba1022.entry.js} +1 -1
- package/dist/baloise-design-system/p-317cee9b56.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-9dc5cb62e3.system.entry.js → p-3586f88589.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-360068a4.system.js +1 -0
- package/dist/baloise-design-system/{p-25da216e4f.entry.js → p-360c2a66c6.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a8022ee701.entry.js → p-3d240c5c81.entry.js} +1 -1
- package/dist/baloise-design-system/{p-d919753ed0.system.entry.js → p-3e529f570b.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-45e0c0783b.entry.js +1 -0
- package/dist/baloise-design-system/p-4afba8511a.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-25e0d82e89.system.entry.js → p-5032aab01c.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-51c0348938.entry.js +1 -0
- package/dist/baloise-design-system/p-53ea832c.system.js +1 -0
- package/dist/baloise-design-system/p-54f81c32.js +1 -1
- package/dist/baloise-design-system/{p-135c5759c5.entry.js → p-5d21eab970.entry.js} +1 -1
- package/dist/baloise-design-system/p-5f26e92f.system.js +1 -0
- package/dist/baloise-design-system/{p-f12abda2db.entry.js → p-654fadfb50.entry.js} +1 -1
- package/dist/baloise-design-system/p-6648acba05.entry.js +1 -0
- package/dist/baloise-design-system/p-6d1b6215.js +1 -0
- package/dist/baloise-design-system/{p-58fc8247.js → p-6e0f125e.js} +1 -1
- package/dist/baloise-design-system/p-6f4a362824.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-ddf9b2a289.entry.js → p-6f51f1584d.entry.js} +1 -1
- package/dist/baloise-design-system/p-7291766c.system.js +1 -0
- package/dist/baloise-design-system/p-75e3e696.js +1 -0
- package/dist/baloise-design-system/{p-cc61fac8.system.js → p-7a6d7f71.system.js} +1 -1
- package/dist/baloise-design-system/{p-bb3914c87a.system.entry.js → p-8be56c8563.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-a97cbb7dda.entry.js → p-9adfffee09.entry.js} +1 -1
- package/dist/baloise-design-system/{p-8fe94b9e21.entry.js → p-9d488fa0c0.entry.js} +1 -1
- package/dist/baloise-design-system/p-a1112158.js +1 -0
- package/dist/baloise-design-system/{p-d16557d133.system.entry.js → p-ad8d3b7af1.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f1b95d78af.system.entry.js → p-ae7da22fd0.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-cd8e72d87f.system.entry.js → p-af617c9d1e.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-0fed7a5f26.system.entry.js → p-b69f890d5d.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-ba14aa7026.system.entry.js +1 -0
- package/dist/baloise-design-system/{p-62b792a34b.system.entry.js → p-c4ebb509e1.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-cef24f8c62.entry.js +1 -0
- package/dist/baloise-design-system/{p-62ab1f0ae2.system.entry.js → p-d1bc985c0d.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f8974d743d.entry.js → p-d2018cca46.entry.js} +1 -1
- package/dist/baloise-design-system/{p-1facd2a3f2.entry.js → p-dc45a57023.entry.js} +1 -1
- package/dist/baloise-design-system/{p-3128128969.system.entry.js → p-dfd76ae4f5.system.entry.js} +1 -1
- package/dist/baloise-design-system/{p-f0b43f1452.system.entry.js → p-e11d20742b.system.entry.js} +1 -1
- package/dist/baloise-design-system/p-e8ffddeb.js +1 -0
- package/dist/baloise-design-system/{p-4aba4c66ee.entry.js → p-ed7e1e452f.entry.js} +1 -1
- package/dist/baloise-design-system/{p-60e94f8144.entry.js → p-eeba8d012b.entry.js} +1 -1
- package/dist/baloise-design-system/{p-013b4c72.system.js → p-f959646a.system.js} +1 -1
- package/dist/cjs/app-globals-5fd73c0c.js +7 -0
- package/dist/cjs/bal-carousel_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-date-calendar_2.cjs.entry.js +14 -3
- package/dist/cjs/bal-date.cjs.entry.js +2 -1
- package/dist/cjs/bal-datepicker.cjs.entry.js +3 -3
- package/dist/cjs/bal-doc-app.cjs.entry.js +231 -0
- package/dist/cjs/bal-footer.cjs.entry.js +7 -2
- package/dist/cjs/bal-hint_3.cjs.entry.js +4 -4
- package/dist/cjs/bal-list_8.cjs.entry.js +3 -3
- package/dist/cjs/bal-logo.cjs.entry.js +3 -3
- package/dist/cjs/bal-modal_3.cjs.entry.js +1 -1
- package/dist/cjs/bal-nav_8.cjs.entry.js +4 -4
- package/dist/cjs/bal-navbar_5.cjs.entry.js +4 -4
- package/dist/cjs/{bal-snackbar.cjs.entry.js → bal-notices_3.cjs.entry.js} +67 -0
- package/dist/cjs/bal-pagination.cjs.entry.js +3 -3
- package/dist/cjs/bal-popover_2.cjs.entry.js +3 -3
- package/dist/cjs/bal-progress-bar.cjs.entry.js +3 -3
- package/dist/cjs/bal-shape.cjs.entry.js +1 -1
- package/dist/cjs/bal-steps.cjs.entry.js +3 -3
- package/dist/cjs/bal-tab-item_2.cjs.entry.js +3 -3
- package/dist/cjs/baloise-design-system.cjs.js +3 -2
- package/dist/cjs/{breakpoints.decorator-47fd6060.js → breakpoints.decorator-91a1d9d3.js} +1 -1
- package/dist/cjs/{breakpoints.subject-66093c8f.js → breakpoints.subject-e2c841a3.js} +1 -1
- package/dist/cjs/{app-globals-ae3a8623.js → global-2562a984.js} +2 -4
- package/dist/cjs/index.cjs.js +5 -3
- package/dist/cjs/initialize-2a19d091.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -2
- package/dist/cjs/mask-util-19c28b4a.js +5 -0
- package/dist/cjs/{scroll-b839ffe1.js → scroll-5d6ac91d.js} +1 -1
- package/dist/cjs/{tokens.esm-bb0ef2db.js → tokens.esm-19e86f58.js} +1 -1
- package/dist/collection/collection-manifest.json +9 -16
- package/dist/collection/components/bal-date/bal-date.js +21 -2
- package/dist/collection/components/bal-footer/bal-footer.css +1 -1
- package/dist/collection/components/bal-footer/bal-footer.js +6 -1
- package/dist/collection/components/bal-input/bal-input-date/bal-input-date.js +19 -0
- package/dist/collection/components/bal-select/bal-select.js +1 -1
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.css +1 -0
- package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js +229 -0
- package/dist/collection/index.js +1 -0
- package/dist/collection/utils/constants/version.constant.js +1 -1
- package/dist/collection/utils/mask/__test__/mask-component.mock.js +1 -0
- package/dist/collection/utils/mask/context/mask-context.js +1 -0
- package/dist/collection/utils/mask/mask-util.js +1 -0
- package/dist/collection/utils/mask/mask.js +2 -2
- package/dist/collection/utils/mask/types/mask-date.js +10 -1
- package/dist/collection/utils/scroll.js +1 -1
- package/dist/esm/app-globals-970bab17.js +5 -0
- package/dist/esm/bal-carousel_2.entry.js +3 -3
- package/dist/esm/bal-date-calendar_2.entry.js +14 -3
- package/dist/esm/bal-date.entry.js +2 -1
- package/dist/esm/bal-datepicker.entry.js +3 -3
- package/dist/esm/bal-doc-app.entry.js +227 -0
- package/dist/esm/bal-footer.entry.js +7 -2
- package/dist/esm/bal-hint_3.entry.js +4 -4
- package/dist/esm/bal-list_8.entry.js +3 -3
- package/dist/esm/bal-logo.entry.js +3 -3
- package/dist/esm/bal-modal_3.entry.js +1 -1
- package/dist/esm/bal-nav_8.entry.js +4 -4
- package/dist/esm/bal-navbar_5.entry.js +4 -4
- package/dist/esm/{bal-snackbar.entry.js → bal-notices_3.entry.js} +67 -2
- package/dist/esm/bal-pagination.entry.js +3 -3
- package/dist/esm/bal-popover_2.entry.js +3 -3
- package/dist/esm/bal-progress-bar.entry.js +3 -3
- package/dist/esm/bal-shape.entry.js +1 -1
- package/dist/esm/bal-steps.entry.js +3 -3
- package/dist/esm/bal-tab-item_2.entry.js +3 -3
- package/dist/esm/baloise-design-system.js +3 -2
- package/dist/esm/{breakpoints.decorator-021fbaf0.js → breakpoints.decorator-34f598ad.js} +1 -1
- package/dist/esm/{breakpoints.subject-ef464f89.js → breakpoints.subject-8598eef2.js} +1 -1
- package/dist/esm/{app-globals-b0dd0fc4.js → global-63f4bcec.js} +2 -4
- package/dist/esm/index.js +5 -4
- package/dist/esm/initialize-e216cfe4.js +1 -1
- package/dist/esm/loader.js +3 -2
- package/dist/esm/mask-util-71edc2b8.js +3 -0
- package/dist/esm/{scroll-972c7ce5.js → scroll-e341d95b.js} +1 -1
- package/dist/esm/{tokens.esm-aab9bd61.js → tokens.esm-276810ce.js} +1 -1
- package/dist/esm-es5/app-globals-970bab17.js +1 -0
- package/dist/esm-es5/bal-carousel_2.entry.js +1 -1
- package/dist/esm-es5/bal-date-calendar_2.entry.js +1 -1
- package/dist/esm-es5/bal-date.entry.js +1 -1
- package/dist/esm-es5/bal-datepicker.entry.js +1 -1
- package/dist/esm-es5/bal-doc-app.entry.js +1 -0
- package/dist/esm-es5/bal-footer.entry.js +1 -1
- package/dist/esm-es5/bal-hint_3.entry.js +1 -1
- package/dist/esm-es5/bal-list_8.entry.js +1 -1
- package/dist/esm-es5/bal-logo.entry.js +1 -1
- package/dist/esm-es5/bal-modal_3.entry.js +1 -1
- package/dist/esm-es5/bal-nav_8.entry.js +1 -1
- package/dist/esm-es5/bal-navbar_5.entry.js +1 -1
- package/dist/esm-es5/bal-notices_3.entry.js +1 -0
- package/dist/esm-es5/bal-pagination.entry.js +1 -1
- package/dist/esm-es5/bal-popover_2.entry.js +1 -1
- package/dist/esm-es5/bal-progress-bar.entry.js +1 -1
- package/dist/esm-es5/bal-shape.entry.js +1 -1
- package/dist/esm-es5/bal-steps.entry.js +1 -1
- package/dist/esm-es5/bal-tab-item_2.entry.js +1 -1
- package/dist/esm-es5/baloise-design-system.js +1 -1
- package/dist/esm-es5/{breakpoints.decorator-021fbaf0.js → breakpoints.decorator-34f598ad.js} +1 -1
- package/dist/esm-es5/{breakpoints.subject-ef464f89.js → breakpoints.subject-8598eef2.js} +1 -1
- package/dist/esm-es5/global-63f4bcec.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/initialize-e216cfe4.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mask-util-71edc2b8.js +1 -0
- package/dist/esm-es5/{scroll-972c7ce5.js → scroll-e341d95b.js} +1 -1
- package/dist/html.html-data.json +10 -2
- package/dist/types/components/bal-date/bal-date.d.ts +5 -1
- package/dist/types/components/bal-footer/bal-footer.d.ts +1 -0
- package/dist/types/components/bal-input/bal-input-date/bal-input-date.d.ts +4 -0
- package/dist/types/components/bal-select/bal-select.d.ts +1 -1
- package/dist/types/components/docs/bal-doc-app/bal-doc-app.d.ts +21 -0
- package/dist/types/components.d.ts +57 -4
- package/dist/types/home/runner/work/design-system/design-system/packages/core/.stencil/packages/icons/src/index.d.ts +81 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/utils/mask/__test__/mask-component.mock.d.ts +1 -0
- package/dist/types/utils/mask/component/mask-component-interfaces.d.ts +1 -0
- package/dist/types/utils/mask/context/mask-context.d.ts +2 -0
- package/dist/types/utils/mask/mask-util.d.ts +1 -0
- package/dist/types/utils/mask/mask.d.ts +3 -1
- package/dist/types/utils/mask/types/mask-date.d.ts +3 -1
- package/package.json +7 -7
- package/dist/baloise-design-system/p-06e9a468fc.system.entry.js +0 -1
- package/dist/baloise-design-system/p-18e2e391e0.system.entry.js +0 -1
- package/dist/baloise-design-system/p-19556c290a.entry.js +0 -1
- package/dist/baloise-design-system/p-5951d6c64b.system.entry.js +0 -1
- package/dist/baloise-design-system/p-5b571a9fb1.entry.js +0 -1
- package/dist/baloise-design-system/p-7c42a363f3.entry.js +0 -1
- package/dist/baloise-design-system/p-acb5cea0.system.js +0 -1
- package/dist/baloise-design-system/p-b8d99064.js +0 -1
- package/dist/baloise-design-system/p-b9f197815f.entry.js +0 -1
- package/dist/baloise-design-system/p-bcca1ed3.system.js +0 -1
- package/dist/baloise-design-system/p-c0e6e5565c.system.entry.js +0 -1
- package/dist/baloise-design-system/p-d02efb178c.entry.js +0 -1
- package/dist/baloise-design-system/p-d7a758b3.js +0 -1
- package/dist/baloise-design-system/p-dc05800595.system.entry.js +0 -1
- package/dist/baloise-design-system/p-e4de708de1.system.entry.js +0 -1
- package/dist/baloise-design-system/p-e78a6409.js +0 -1
- package/dist/baloise-design-system/p-ffc0bea891.entry.js +0 -1
- package/dist/cjs/bal-notices.cjs.entry.js +0 -25
- package/dist/cjs/bal-toast.cjs.entry.js +0 -54
- package/dist/esm/bal-notices.entry.js +0 -21
- package/dist/esm/bal-toast.entry.js +0 -50
- package/dist/esm-es5/app-globals-b0dd0fc4.js +0 -1
- package/dist/esm-es5/bal-notices.entry.js +0 -1
- package/dist/esm-es5/bal-snackbar.entry.js +0 -1
- package/dist/esm-es5/bal-toast.entry.js +0 -1
- /package/dist/baloise-design-system/{p-7b9c33ba.js → p-127aa24d.js} +0 -0
- /package/dist/baloise-design-system/{p-03c136e2.system.js → p-81654295.system.js} +0 -0
- /package/dist/esm-es5/{tokens.esm-aab9bd61.js → tokens.esm-276810ce.js} +0 -0
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-219b2f52.js');
|
|
6
|
-
|
|
7
|
-
const balToastCss = ":root{--bal-toast-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary)}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);font-size:var(--bal-toast-font-size);font-family:var(--bal-toast-font-family);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;margin:.5rem 0 0 0;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal)}.bal-toast__inner--is-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--is-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--is-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--is-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--is-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:28.75rem;width:28.75rem}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:30rem;width:30rem}}.bal-toast__label{margin-right:3rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-toast__close.bal-close{position:absolute;top:50%;right:1rem;margin-top:-0.75rem}";
|
|
8
|
-
const BalToastStyle0 = balToastCss;
|
|
9
|
-
|
|
10
|
-
const Toast = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.balClose = index.createEvent(this, "balClose", 7);
|
|
14
|
-
this.toastId = `bal-toast-${toastIds++}`;
|
|
15
|
-
this.color = '';
|
|
16
|
-
this.duration = 0;
|
|
17
|
-
this.message = '';
|
|
18
|
-
this.closeHandler = () => void 0;
|
|
19
|
-
}
|
|
20
|
-
async componentWillLoad() {
|
|
21
|
-
if (this.duration > 0) {
|
|
22
|
-
await this.closeIn(this.duration);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* Closes the toast after the given duration in ms
|
|
27
|
-
*/
|
|
28
|
-
async closeIn(duration) {
|
|
29
|
-
this.timer = setTimeout(() => this.close(), duration);
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* Closes this toast
|
|
33
|
-
*/
|
|
34
|
-
async close() {
|
|
35
|
-
this.element.remove();
|
|
36
|
-
clearTimeout(this.timer);
|
|
37
|
-
this.balClose.emit(this.toastId);
|
|
38
|
-
this.closeHandler();
|
|
39
|
-
}
|
|
40
|
-
get colorType() {
|
|
41
|
-
if (this.color === '') {
|
|
42
|
-
return '';
|
|
43
|
-
}
|
|
44
|
-
return `bal-toast__inner--is-${this.color}`;
|
|
45
|
-
}
|
|
46
|
-
render() {
|
|
47
|
-
return (index.h(index.Host, { id: this.toastId, class: "bal-toast" }, index.h("div", { role: "alert", onClick: () => this.close(), class: `bal-toast__inner ${this.colorType}` }, index.h("span", { class: "bal-toast__label", innerHTML: this.message, "data-testid": "bal-toast-label" }, index.h("slot", null)), index.h("bal-close", { class: "bal-toast__close", inverted: false, "data-testid": "bal-toast-close" }))));
|
|
48
|
-
}
|
|
49
|
-
get element() { return index.getElement(this); }
|
|
50
|
-
};
|
|
51
|
-
let toastIds = 0;
|
|
52
|
-
Toast.style = BalToastStyle0;
|
|
53
|
-
|
|
54
|
-
exports.bal_toast = Toast;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-b6003bc7.js';
|
|
2
|
-
|
|
3
|
-
const balNoticesCss = ".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices .container{width:100% !important}.bal-notices.has-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:.5em}.bal-notices.has-snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices.has-toast{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices.has-toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}";
|
|
4
|
-
const BalNoticesStyle0 = balNoticesCss;
|
|
5
|
-
|
|
6
|
-
const Notices = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.interface = 'toast';
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
return (h(Host, { class: {
|
|
13
|
-
'bal-app': true,
|
|
14
|
-
'bal-notices': true,
|
|
15
|
-
[`has-${this.interface}`]: true,
|
|
16
|
-
} }, h("slot", null)));
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
Notices.style = BalNoticesStyle0;
|
|
20
|
-
|
|
21
|
-
export { Notices as bal_notices };
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6003bc7.js';
|
|
2
|
-
|
|
3
|
-
const balToastCss = ":root{--bal-toast-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary)}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);font-size:var(--bal-toast-font-size);font-family:var(--bal-toast-font-family);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;margin:.5rem 0 0 0;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal)}.bal-toast__inner--is-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--is-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--is-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--is-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--is-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:28.75rem;width:28.75rem}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:30rem;width:30rem}}.bal-toast__label{margin-right:3rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-toast__close.bal-close{position:absolute;top:50%;right:1rem;margin-top:-0.75rem}";
|
|
4
|
-
const BalToastStyle0 = balToastCss;
|
|
5
|
-
|
|
6
|
-
const Toast = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.balClose = createEvent(this, "balClose", 7);
|
|
10
|
-
this.toastId = `bal-toast-${toastIds++}`;
|
|
11
|
-
this.color = '';
|
|
12
|
-
this.duration = 0;
|
|
13
|
-
this.message = '';
|
|
14
|
-
this.closeHandler = () => void 0;
|
|
15
|
-
}
|
|
16
|
-
async componentWillLoad() {
|
|
17
|
-
if (this.duration > 0) {
|
|
18
|
-
await this.closeIn(this.duration);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* Closes the toast after the given duration in ms
|
|
23
|
-
*/
|
|
24
|
-
async closeIn(duration) {
|
|
25
|
-
this.timer = setTimeout(() => this.close(), duration);
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Closes this toast
|
|
29
|
-
*/
|
|
30
|
-
async close() {
|
|
31
|
-
this.element.remove();
|
|
32
|
-
clearTimeout(this.timer);
|
|
33
|
-
this.balClose.emit(this.toastId);
|
|
34
|
-
this.closeHandler();
|
|
35
|
-
}
|
|
36
|
-
get colorType() {
|
|
37
|
-
if (this.color === '') {
|
|
38
|
-
return '';
|
|
39
|
-
}
|
|
40
|
-
return `bal-toast__inner--is-${this.color}`;
|
|
41
|
-
}
|
|
42
|
-
render() {
|
|
43
|
-
return (h(Host, { id: this.toastId, class: "bal-toast" }, h("div", { role: "alert", onClick: () => this.close(), class: `bal-toast__inner ${this.colorType}` }, h("span", { class: "bal-toast__label", innerHTML: this.message, "data-testid": "bal-toast-label" }, h("slot", null)), h("bal-close", { class: "bal-toast__close", inverted: false, "data-testid": "bal-toast-close" }))));
|
|
44
|
-
}
|
|
45
|
-
get element() { return getElement(this); }
|
|
46
|
-
};
|
|
47
|
-
let toastIds = 0;
|
|
48
|
-
Toast.style = BalToastStyle0;
|
|
49
|
-
|
|
50
|
-
export { Toast as bal_toast };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{i as initializeBaloiseDesignSystem}from"./initialize-e216cfe4.js";function appGlobalScript(){initializeBaloiseDesignSystem()}var globalScripts=appGlobalScript;export{globalScripts as g};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-b6003bc7.js";var balNoticesCss=".bal-notices{position:fixed !important;display:-ms-flexbox !important;display:flex !important;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;padding:1rem !important;margin:0 !important;overflow:hidden !important;z-index:var(--bal-z-index-toast) !important;pointer-events:none !important;-ms-flex-direction:column !important;flex-direction:column !important}.bal-notices .container{width:100% !important}.bal-notices.has-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin:.5em}.bal-notices.has-snackbar .bal-snackbar{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-item-align:end;align-self:flex-end;pointer-events:auto !important}.bal-notices.has-toast{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;margin:.5em}.bal-notices.has-toast .bal-toast{-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:center;align-self:center}";var BalNoticesStyle0=balNoticesCss;var Notices=function(){function t(t){registerInstance(this,t);this.interface="toast"}t.prototype.render=function(){var t;return h(Host,{class:(t={"bal-app":true,"bal-notices":true},t["has-".concat(this.interface)]=true,t)},h("slot",null))};return t}();Notices.style=BalNoticesStyle0;export{Notices as bal_notices};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";var balSnackbarCss=":root{--bal-snackbar-font-size:var(--bal-text-size-normal);--bal-snackbar-font-family:var(--bal-font-family-text);--bal-snackbar-background:var(--bal-color-white);--bal-snackbar-background-primary:var(--bal-color-white);--bal-snackbar-background-info:var(--bal-color-info-2);--bal-snackbar-background-success:var(--bal-color-success-2);--bal-snackbar-background-warning:var(--bal-color-warning-2);--bal-snackbar-background-danger:var(--bal-color-danger-2);--bal-snackbar-radius:var(--bal-radius-large);--bal-snackbar-color:var(--bal-color-text-primary);--bal-snackbar-color-primary:var(--bal-color-text-primary);--bal-snackbar-color-info:var(--bal-color-text-primary);--bal-snackbar-color-success:var(--bal-color-text-primary);--bal-snackbar-color-warning:var(--bal-color-text-primary);--bal-snackbar-color-danger:var(--bal-color-text-primary)}.bal-snackbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%;-ms-flex-pack:end;justify-content:flex-end}@media screen and (max-width: 768px){.bal-snackbar{width:18rem}}@media screen and (min-width: 769px),print{.bal-snackbar{width:18rem}}@media screen and (min-width: 1024px){.bal-snackbar{width:27.5rem}}.bal-snackbar__inner{min-height:3.5rem;border-radius:var(--bal-snackbar-radius);font-size:var(--bal-snackbar-font-size);font-family:var(--bal-snackbar-font-family);background:var(--bal-snackbar-background);color:var(--bal-snackbar-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;margin:.5rem 0 0 0;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);-ms-flex-item-align:end;align-self:flex-end;-ms-flex-direction:column !important;flex-direction:column !important;row-gap:1rem;padding:var(--bal-space-medium)}.bal-snackbar__inner--is-primary{background:var(--bal-snackbar-background-primary);color:var(--bal-snackbar-color-primary)}.bal-snackbar__inner--is-info{background:var(--bal-snackbar-background-info);color:var(--bal-snackbar-color-info)}.bal-snackbar__inner--is-danger{background:var(--bal-snackbar-background-danger);color:var(--bal-snackbar-color-danger)}.bal-snackbar__inner--is-warning{background:var(--bal-snackbar-background-warning);color:var(--bal-snackbar-color-warning)}.bal-snackbar__inner--is-success{background:var(--bal-snackbar-background-success);color:var(--bal-snackbar-color-success)}@media screen and (min-width: 769px),print{.bal-snackbar__inner{padding:var(--bal-space-medium-tablet)}}@media screen and (min-width: 1024px){.bal-snackbar__inner{padding:var(--bal-space-medium-desktop)}}.bal-snackbar__header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.bal-snackbar__header>span{font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-snackbar__header>span{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-snackbar__header>span{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-snackbar__footer{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;margin-top:.5rem}.bal-snackbar__close.bal-close{position:absolute;right:1.5rem;top:1.5rem}";var BalSnackbarStyle0=balSnackbarCss;var Snackbar=function(){function a(a){var r=this;registerInstance(this,a);this.balClose=createEvent(this,"balClose",7);this.balAction=createEvent(this,"balAction",7);this.snackbarId="bal-snackbar-".concat(snackbarIds++);this.onActionHandler=function(){r.balAction.emit(r.snackbarId);r.actionHandler()};this.animationClass="fadeInDown";this.color="";this.duration=0;this.subject="";this.message="";this.icon="";this.action="";this.closeHandler=function(){return void 0};this.actionHandler=function(){return void 0};this.href=undefined;this.target="_self"}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var r=this;return __generator(this,(function(n){this.timer=setTimeout((function(){return r.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){clearTimeout(this.timer);this.balClose.emit(this.snackbarId);this.element.remove();this.closeHandler();return[2]}))}))};Object.defineProperty(a.prototype,"colorType",{get:function(){if(this.color===""){return""}return"bal-snackbar__inner--is-".concat(this.color)},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"buttonType",{get:function(){if(this.color===""){return"info"}return this.color},enumerable:false,configurable:true});a.prototype.render=function(){var a=this;var r={};if(this.message!==undefined&&this.message!==""){r.innerHTML=this.message}return h(Host,{id:this.snackbarId,class:"bal-snackbar"},h("div",{role:"alert",class:"bal-snackbar__inner ".concat(this.animationClass," ").concat(this.colorType)},h("div",{class:"bal-snackbar__header"},h("span",{class:"icon-text"},h("span",{class:"icon",style:{display:this.icon?"":"none"}},h("bal-icon",{name:this.icon,color:"primary"})),h("bal-heading",{level:"h5",space:"none","data-testid":"bal-snackbar-heading"},this.subject))),h("span",Object.assign({class:"bal-snackbar__label","data-testid":"bal-snackbar-label"},r),h("slot",null),h("span",{class:"hidden"})),h("bal-close",{class:"bal-snackbar__close","data-testid":"bal-snackbar-close",onClick:function(){return a.close()}}),this.action?h("div",{class:"bal-snackbar__footer"},h("bal-button",{color:"info",href:this.href,target:this.target,onClick:function(){return a.onActionHandler()},"data-testid":"bal-snackbar-action"},this.action)):""))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var snackbarIds=0;Snackbar.style=BalSnackbarStyle0;export{Snackbar as bal_snackbar};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__awaiter,__generator}from"tslib";import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b6003bc7.js";var balToastCss=":root{--bal-toast-font-size:var(--bal-text-size-normal);--bal-toast-font-family:var(--bal-font-family-text);--bal-toast-background:var(--bal-color-white);--bal-toast-background-primary:var(--bal-color-white);--bal-toast-background-info:var(--bal-color-info-2);--bal-toast-background-success:var(--bal-color-success-2);--bal-toast-background-warning:var(--bal-color-warning-2);--bal-toast-background-danger:var(--bal-color-danger-2);--bal-toast-radius:var(--bal-radius-large);--bal-toast-color:var(--bal-color-text-primary);--bal-toast-color-primary:var(--bal-color-text-primary);--bal-toast-color-info:var(--bal-color-text-primary);--bal-toast-color-success:var(--bal-color-text-primary);--bal-toast-color-warning:var(--bal-color-text-primary);--bal-toast-color-danger:var(--bal-color-text-primary)}.bal-toast{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-positive:0 !important;flex-grow:0 !important;width:100%}.bal-toast__inner{min-height:3.5rem;border-radius:var(--bal-toast-radius);font-size:var(--bal-toast-font-size);font-family:var(--bal-toast-font-family);background:var(--bal-toast-background);color:var(--bal-toast-color);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;margin:.5rem 0 0 0;-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal);padding:var(--bal-space-normal)}.bal-toast__inner--is-primary{background:var(--bal-toast-background-primary);color:var(--bal-toast-color-primary)}.bal-toast__inner--is-info{background:var(--bal-toast-background-info);color:var(--bal-toast-color-info)}.bal-toast__inner--is-danger{background:var(--bal-toast-background-danger);color:var(--bal-toast-color-danger)}.bal-toast__inner--is-warning{background:var(--bal-toast-background-warning);color:var(--bal-toast-color-warning)}.bal-toast__inner--is-success{background:var(--bal-toast-background-success);color:var(--bal-toast-color-success)}@media screen and (min-width: 769px),print{.bal-toast__inner{padding:var(--bal-space-normal-tablet)}}@media screen and (min-width: 1024px){.bal-toast__inner{padding:var(--bal-space-normal-desktop)}}@media screen and (min-width: 769px),print{.bal-toast__inner{max-width:28.75rem;width:28.75rem}}@media screen and (min-width: 1024px){.bal-toast__inner{max-width:30rem;width:30rem}}.bal-toast__label{margin-right:3rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-toast__close.bal-close{position:absolute;top:50%;right:1rem;margin-top:-0.75rem}";var BalToastStyle0=balToastCss;var Toast=function(){function a(a){registerInstance(this,a);this.balClose=createEvent(this,"balClose",7);this.toastId="bal-toast-".concat(toastIds++);this.color="";this.duration=0;this.message="";this.closeHandler=function(){return void 0}}a.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){switch(a.label){case 0:if(!(this.duration>0))return[3,2];return[4,this.closeIn(this.duration)];case 1:a.sent();a.label=2;case 2:return[2]}}))}))};a.prototype.closeIn=function(a){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){this.timer=setTimeout((function(){return t.close()}),a);return[2]}))}))};a.prototype.close=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.element.remove();clearTimeout(this.timer);this.balClose.emit(this.toastId);this.closeHandler();return[2]}))}))};Object.defineProperty(a.prototype,"colorType",{get:function(){if(this.color===""){return""}return"bal-toast__inner--is-".concat(this.color)},enumerable:false,configurable:true});a.prototype.render=function(){var a=this;return h(Host,{id:this.toastId,class:"bal-toast"},h("div",{role:"alert",onClick:function(){return a.close()},class:"bal-toast__inner ".concat(this.colorType)},h("span",{class:"bal-toast__label",innerHTML:this.message,"data-testid":"bal-toast-label"},h("slot",null)),h("bal-close",{class:"bal-toast__close",inverted:false,"data-testid":"bal-toast-close"})))};Object.defineProperty(a.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();var toastIds=0;Toast.style=BalToastStyle0;export{Toast as bal_toast};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|