@public-ui/hydrate 4.6.0-rc.1 → 5.0.0-beta.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/index.js +311 -191
- package/dist/index.mjs +311 -191
- package/package.json +2 -2
package/dist/index.mjs
CHANGED
|
@@ -191,7 +191,7 @@ function _mergeNamespaces(n, m) {
|
|
|
191
191
|
|
|
192
192
|
const NAMESPACE = 'kolibri';
|
|
193
193
|
const BUILD = /* kolibri */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", slotRelocation: true, state: true, updatable: true};
|
|
194
|
-
const Env = /* kolibri */ {"kolibriVersion":"
|
|
194
|
+
const Env = /* kolibri */ {"kolibriVersion":"5.0.0-beta.1"};
|
|
195
195
|
|
|
196
196
|
function getDefaultExportFromCjs (x) {
|
|
197
197
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -6297,6 +6297,21 @@ var getElement = (ref) => {
|
|
|
6297
6297
|
var _a2;
|
|
6298
6298
|
return (_a2 = getHostRef(ref)) == null ? void 0 : _a2.$hostElement$ ;
|
|
6299
6299
|
};
|
|
6300
|
+
|
|
6301
|
+
// src/runtime/event-emitter.ts
|
|
6302
|
+
var createEvent = (ref, name, flags) => {
|
|
6303
|
+
const elm = getElement(ref);
|
|
6304
|
+
return {
|
|
6305
|
+
emit: (detail) => {
|
|
6306
|
+
return emitEvent(elm, name, {
|
|
6307
|
+
bubbles: true,
|
|
6308
|
+
composed: true,
|
|
6309
|
+
cancelable: true,
|
|
6310
|
+
detail
|
|
6311
|
+
});
|
|
6312
|
+
}
|
|
6313
|
+
};
|
|
6314
|
+
};
|
|
6300
6315
|
var emitEvent = (elm, name, opts) => {
|
|
6301
6316
|
const ev = plt.ce(name, opts);
|
|
6302
6317
|
elm.dispatchEvent(ev);
|
|
@@ -7626,7 +7641,7 @@ var Fragment = (_, children) => children;
|
|
|
7626
7641
|
var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
|
|
7627
7642
|
if (listeners && win.document) {
|
|
7628
7643
|
listeners.map(([flags, name, method]) => {
|
|
7629
|
-
const target = elm;
|
|
7644
|
+
const target = getHostListenerTarget(win.document, elm, flags) ;
|
|
7630
7645
|
const handler = hostListenerProxy(hostRef, method);
|
|
7631
7646
|
const opts = hostListenerOpts(flags);
|
|
7632
7647
|
plt.ael(target, name, handler, opts);
|
|
@@ -7648,6 +7663,12 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
|
|
|
7648
7663
|
consoleError(e, hostRef.$hostElement$);
|
|
7649
7664
|
}
|
|
7650
7665
|
};
|
|
7666
|
+
var getHostListenerTarget = (doc, elm, flags) => {
|
|
7667
|
+
if (flags & 8 /* TargetWindow */) {
|
|
7668
|
+
return win;
|
|
7669
|
+
}
|
|
7670
|
+
return elm;
|
|
7671
|
+
};
|
|
7651
7672
|
var hostListenerOpts = (flags) => (flags & 2 /* Capture */) !== 0;
|
|
7652
7673
|
function transformTag(tag) {
|
|
7653
7674
|
return tag;
|
|
@@ -11123,7 +11144,7 @@ class KolAbbr extends BaseWebComponent {
|
|
|
11123
11144
|
this.watchLabel(this._label);
|
|
11124
11145
|
}
|
|
11125
11146
|
render() {
|
|
11126
|
-
return (hAsync(Host, { key: '
|
|
11147
|
+
return (hAsync(Host, { key: '2ee63ca84e842ca638b9e40340aac3a13f1e1fd2' }, hAsync(AbbrFC, { key: '15e6509c32336b2f3b6215e6f4524cea65ee26c4', label: this.getRenderProp('label') })));
|
|
11127
11148
|
}
|
|
11128
11149
|
static get watchers() { return {
|
|
11129
11150
|
"_label": [{
|
|
@@ -20725,6 +20746,7 @@ var KolEvent;
|
|
|
20725
20746
|
KolEvent["reset"] = "reset";
|
|
20726
20747
|
KolEvent["select"] = "select";
|
|
20727
20748
|
KolEvent["selectionChange"] = "selectionchange";
|
|
20749
|
+
KolEvent["sortChange"] = "sortchange";
|
|
20728
20750
|
KolEvent["sort"] = "sort";
|
|
20729
20751
|
KolEvent["submit"] = "submit";
|
|
20730
20752
|
KolEvent["toggle"] = "toggle";
|
|
@@ -20844,7 +20866,7 @@ const createRelatedUniqueId = (baseId, suffix) => {
|
|
|
20844
20866
|
return isNonce ? `${baseId.slice(0, separatorIndex)}-${suffix}-${lastSegment}` : `${baseId}-${suffix}`;
|
|
20845
20867
|
};
|
|
20846
20868
|
|
|
20847
|
-
const defaultStyleCss$N = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
20869
|
+
const defaultStyleCss$N = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-accordion { } .kol-accordion__heading { display: flex; min-height: var(--a11y-min-size); } .kol-accordion__heading:not([aria-disabled=true]) { cursor: pointer; } .kol-accordion__heading { } .kol-accordion__heading::before { content: ""; } .kol-accordion__heading { } .kol-accordion__heading > .kol-headline { display: flex; flex: 1; margin: 0; text-align: left; font-weight: 400; } .kol-accordion__heading > .kol-headline > .kol-span { flex: 1 0 100%; align-items: flex-start; } @media (prefers-reduced-motion) { .kol-accordion__wrapper-animation, .kol-accordion__wrapper { transition: none !important; } } .kol-accordion { } @media print { .kol-accordion:not(.kol-accordion--open) .kol-accordion__wrapper-animation { display: none; } } .kol-accordion__wrapper { transform: translateZ(0); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 0fr; transition: grid-template-rows var(--collapsible-transition-duration, 0.3s); } .kol-accordion__wrapper-animation { opacity: 0; transform: scaleY(0); transform-origin: top; min-height: 0; visibility: hidden; transition: transform var(--collapsible-transition-duration, 0.3s), opacity var(--collapsible-transition-duration, 0.3s), visibility var(--collapsible-transition-duration, 0.3s); } .kol-accordion--open .kol-accordion__wrapper { grid-template-rows: 1fr; } .kol-accordion--open .kol-accordion__wrapper-animation { opacity: 1; transform: scaleY(1); visibility: visible; } .kol-accordion--open:focus-within { position: relative; z-index: 100; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } }`;
|
|
20848
20870
|
|
|
20849
20871
|
class KolAccordion extends BaseWebComponent {
|
|
20850
20872
|
constructor(hostRef) {
|
|
@@ -20916,7 +20938,7 @@ class KolAccordion extends BaseWebComponent {
|
|
|
20916
20938
|
this.openAnimation.dispose();
|
|
20917
20939
|
}
|
|
20918
20940
|
render() {
|
|
20919
|
-
return (hAsync(Host, { key: '
|
|
20941
|
+
return (hAsync(Host, { key: 'fe83d27f74efae425c3d35782f1714ba8f8c501b' }, hAsync(CollapsibleFC, { key: 'd162255bd8d6d611d60b0f1d05fd2e09adaa01a2', block: "kol-accordion", controlId: this.controlId, detailsOpen: this.detailsOpen, disabled: this.getRenderProp('disabled'), expanded: this.expanded, handleToggle: this.handleToggle, headingId: this.headingId, icons: this.getRenderProp('open') ? 'kolicon-chevron-down' : 'kolicon-chevron-right', label: this.getRenderProp('label'), level: this.getRenderProp('level'), on: this.getRenderProp('on'), open: this.getRenderProp('open'), refHeadingButton: this.ctaRef, transitionMs: this.transitionMs }, hAsync("slot", { key: 'e048d507c3af993c510af9d48ccb1281331ee0fe' }))));
|
|
20920
20942
|
}
|
|
20921
20943
|
get host() { return getElement(this); }
|
|
20922
20944
|
static get watchers() { return {
|
|
@@ -23197,7 +23219,7 @@ class TooltipBehavior extends BaseBehavior {
|
|
|
23197
23219
|
}
|
|
23198
23220
|
}
|
|
23199
23221
|
|
|
23200
|
-
const defaultStyleCss$M = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
23222
|
+
const defaultStyleCss$M = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } }`;
|
|
23201
23223
|
|
|
23202
23224
|
class KolAlert extends BaseWebComponent {
|
|
23203
23225
|
constructor(hostRef) {
|
|
@@ -23291,7 +23313,7 @@ class KolAlert extends BaseWebComponent {
|
|
|
23291
23313
|
this.alertTimeout = setTimeout(() => this.handleAlertTimeout(), 10000);
|
|
23292
23314
|
}
|
|
23293
23315
|
render() {
|
|
23294
|
-
return (hAsync(Host, { key: '
|
|
23316
|
+
return (hAsync(Host, { key: '34a64885726f2b3ab4039f262b36835f6b297597' }, hAsync(AlertFC, { key: '5ac9dbf8db7ceb1d8dd1f4f606e9a6ecddf327aa', alert: this.getRenderProp('alert'), handleCloserClick: this.handleCloserClick, closerAriaDescriptionId: this.closerAriaDescriptionId, hasCloser: this.getRenderProp('hasCloser'), headingId: this.headingId, label: this.getRenderProp('label'), level: this.getRenderProp('level'), refCloserButton: this.closerRef, refCloserTooltip: this.closerTooltipBehavior.setTooltipElementRef, type: this.getRenderProp('type'), variant: this.getRenderProp('variant') }, hAsync("slot", { key: '47cbfce06cffc52c82376f642245e97d6742e18e' }))));
|
|
23295
23317
|
}
|
|
23296
23318
|
get host() { return getElement(this); }
|
|
23297
23319
|
static get watchers() { return {
|
|
@@ -23405,7 +23427,7 @@ class KolAvatar extends BaseWebComponent {
|
|
|
23405
23427
|
srcProp.apply(this._src, (v) => this.setRenderProp('src', v));
|
|
23406
23428
|
}
|
|
23407
23429
|
render() {
|
|
23408
|
-
return (hAsync(Host, { key: '
|
|
23430
|
+
return (hAsync(Host, { key: 'e3616a4b07d13b3582a77d5bc8d64c9a6031e39b' }, hAsync(AvatarFC, { key: '0f8a9d71c76d321e697119712e19effe2e9f35c4', color: this.getRenderProp('color'), label: this.getRenderProp('label'), src: this.getRenderProp('src'), initials: this.initials })));
|
|
23409
23431
|
}
|
|
23410
23432
|
static get watchers() { return {
|
|
23411
23433
|
"_color": [{
|
|
@@ -23494,7 +23516,7 @@ function resolveButtonProps(props, host) {
|
|
|
23494
23516
|
return resolved;
|
|
23495
23517
|
}
|
|
23496
23518
|
|
|
23497
|
-
const defaultStyleCss$K = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
23519
|
+
const defaultStyleCss$K = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-badge { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: flex; align-items: center; justify-content: space-between; } .kol-badge > br { user-select: none; } .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-badge .kol-badge__smart-button { width: auto; order: 3; } }`;
|
|
23498
23520
|
|
|
23499
23521
|
featureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);
|
|
23500
23522
|
class KolBadge extends BaseWebComponent {
|
|
@@ -23593,7 +23615,7 @@ class KolBadge extends BaseWebComponent {
|
|
|
23593
23615
|
render() {
|
|
23594
23616
|
const smartButton = this.getRenderProp('smartButton');
|
|
23595
23617
|
const resolvedButton = this.smartButtonProps;
|
|
23596
|
-
return (hAsync(Host, { key: '
|
|
23618
|
+
return (hAsync(Host, { key: '92a82608b8424d8b91480b7dd132afc12fec8717' }, hAsync(BadgeFC, { key: '3a0ec94ab587dc7b6e49f2530ad61d7fb590b501', color: this.getRenderProp('color'), icons: this.getRenderProp('icons'), label: this.getRenderProp('label'), smartButton: typeof smartButton === 'object' && smartButton !== null && resolvedButton !== undefined
|
|
23597
23619
|
? {
|
|
23598
23620
|
ariaDescriptionId: this.ariaDescriptionId,
|
|
23599
23621
|
handleBlur: this.handleBlur,
|
|
@@ -23832,7 +23854,7 @@ const onLocationChange = (callback, eager = true) => {
|
|
|
23832
23854
|
};
|
|
23833
23855
|
};
|
|
23834
23856
|
|
|
23835
|
-
const defaultStyleCss$J = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
23857
|
+
const defaultStyleCss$J = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-link { display: inline-flex; max-width: fit-content; } .kol-link--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: stretch; } .kol-link--standalone .kol-link__interactive-element { align-items: stretch; } .kol-link--standalone .kol-link__text { display: inline-flex; flex: 1 1 100%; place-items: center; } .kol-link__interactive-element { display: inline-flex; flex: 1; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-link__interactive-element:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link__interactive-element:hover:not([aria-disabled], [disabled]) .kol-span__label { text-decoration-thickness: 0.2em; } .kol-link .kol-span__label { text-decoration-line: underline; } .kol-link__icon { display: inline-flex; } .kol-breadcrumb__list, .kol-breadcrumb__list-element { display: flex; margin: 0; padding: 0; flex-wrap: wrap; place-items: center; list-style: none; } .kol-breadcrumb__list-element:first-child:last-child { min-height: var(--a11y-min-size); } }`;
|
|
23836
23858
|
|
|
23837
23859
|
class KolBreadcrumb extends BaseWebComponent {
|
|
23838
23860
|
constructor(hostRef) {
|
|
@@ -23881,7 +23903,7 @@ class KolBreadcrumb extends BaseWebComponent {
|
|
|
23881
23903
|
}
|
|
23882
23904
|
render() {
|
|
23883
23905
|
this.showCurrentPage = X('breadcrumbCurrentPage', this.host) !== 'hide';
|
|
23884
|
-
return (hAsync(Host, { key: '
|
|
23906
|
+
return (hAsync(Host, { key: '8a8c9137c0491103f54d65dfe8db53c0c7d629b6' }, hAsync(BreadcrumbFC, { key: 'ab994f68a8b57e4dae385927a592db76907537cc', label: this.getRenderProp('label'), links: this.getRenderProp('links'), linkItems: this.linkItems, showCurrentPage: this.showCurrentPage })));
|
|
23885
23907
|
}
|
|
23886
23908
|
get host() { return getElement(this); }
|
|
23887
23909
|
static get watchers() { return {
|
|
@@ -24424,7 +24446,7 @@ class BaseButtonWebComponent extends BaseWebComponent {
|
|
|
24424
24446
|
}
|
|
24425
24447
|
}
|
|
24426
24448
|
|
|
24427
|
-
const defaultStyleCss$I = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
24449
|
+
const defaultStyleCss$I = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-button__interactive-element::before { content: ""; } .kol-button__text { flex: 1 0 100%; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } }`;
|
|
24428
24450
|
|
|
24429
24451
|
class KolButton extends BaseButtonWebComponent {
|
|
24430
24452
|
constructor(hostRef) {
|
|
@@ -24552,7 +24574,7 @@ class KolButton extends BaseButtonWebComponent {
|
|
|
24552
24574
|
this.destroyTooltipBehavior();
|
|
24553
24575
|
}
|
|
24554
24576
|
render() {
|
|
24555
|
-
return hAsync(Host, { key: '
|
|
24577
|
+
return hAsync(Host, { key: '9ed43938721a6b3e26e7024c1b0498f585f10158' }, this.renderButtonFC());
|
|
24556
24578
|
}
|
|
24557
24579
|
get host() { return getElement(this); }
|
|
24558
24580
|
static get watchers() { return {
|
|
@@ -24661,7 +24683,7 @@ __decorate([
|
|
|
24661
24683
|
delegateClick('ctaRef')
|
|
24662
24684
|
], KolButton.prototype, "click", null);
|
|
24663
24685
|
|
|
24664
|
-
const defaultStyleCss$H = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
24686
|
+
const defaultStyleCss$H = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-button { display: inline-flex; max-width: fit-content; } .kol-button--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: stretch; } .kol-button--standalone .kol-button__interactive-element { align-items: stretch; } .kol-button--standalone .kol-button__text { display: inline-flex; flex: 1 1 100%; place-items: center; } .kol-button__interactive-element { display: inline-flex; flex: 1; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-button__interactive-element:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-button__interactive-element:hover:not([aria-disabled], [disabled]) .kol-span__label { text-decoration-thickness: 0.2em; } .kol-button .kol-span__label { text-decoration-line: underline; } .kol-button__icon { display: inline-flex; } .kol-button--inline { min-width: unset; min-height: unset; } .kol-button--inline .kol-button__interactive-element { min-width: unset; min-height: unset; } }`;
|
|
24665
24687
|
|
|
24666
24688
|
class KolButtonLink extends BaseButtonWebComponent {
|
|
24667
24689
|
constructor(hostRef) {
|
|
@@ -24782,7 +24804,7 @@ class KolButtonLink extends BaseButtonWebComponent {
|
|
|
24782
24804
|
this.destroyTooltipBehavior();
|
|
24783
24805
|
}
|
|
24784
24806
|
render() {
|
|
24785
|
-
return hAsync(Host, { key: '
|
|
24807
|
+
return hAsync(Host, { key: '30df0e7cb4eaf8c950f1ea6cd87719b954e8a311' }, this.renderButtonFC());
|
|
24786
24808
|
}
|
|
24787
24809
|
get host() { return getElement(this); }
|
|
24788
24810
|
static get watchers() { return {
|
|
@@ -24981,7 +25003,7 @@ class BaseCardWebComponent extends BaseWebComponent {
|
|
|
24981
25003
|
}
|
|
24982
25004
|
}
|
|
24983
25005
|
|
|
24984
|
-
const defaultStyleCss$G = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
25006
|
+
const defaultStyleCss$G = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card :host { display: inline-block; } .kol-card .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-card .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-card .kol-button__interactive-element::before { content: ""; } .kol-card .kol-button__text { flex: 1 0 100%; } .kol-card .kol-button { } .kol-card .kol-button__tooltip { height: 0; } .kol-card .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-card .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: grid; height: 100%; overflow: visible; grid-template-areas: "header close" "content content"; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; } .kol-card__header { align-self: start; grid-area: header; } .kol-card__content { align-self: stretch; grid-area: content; } .kol-card__close-button { grid-area: close; } .kol-card:has(.kol-card__link) { position: relative; } .kol-card__link::after { position: absolute; inset: 0; content: ""; cursor: pointer; } }`;
|
|
24985
25007
|
|
|
24986
25008
|
class KolCard extends BaseCardWebComponent {
|
|
24987
25009
|
constructor(hostRef) {
|
|
@@ -25038,7 +25060,7 @@ class KolCard extends BaseCardWebComponent {
|
|
|
25038
25060
|
return hAsync("slot", null);
|
|
25039
25061
|
}
|
|
25040
25062
|
render() {
|
|
25041
|
-
return hAsync(Host, { key: '
|
|
25063
|
+
return hAsync(Host, { key: '916261d714a813041360e0b82ffa1d3fc26d56e8' }, this.renderCardFC());
|
|
25042
25064
|
}
|
|
25043
25065
|
get host() { return getElement(this); }
|
|
25044
25066
|
static get watchers() { return {
|
|
@@ -25091,6 +25113,58 @@ __decorate([
|
|
|
25091
25113
|
delegateClick('ctaRef')
|
|
25092
25114
|
], KolCard.prototype, "click", null);
|
|
25093
25115
|
|
|
25116
|
+
const clickButtonPropsConfig = {
|
|
25117
|
+
required: [labelProp],
|
|
25118
|
+
};
|
|
25119
|
+
|
|
25120
|
+
const clickButtonBem = bem.forBlock('kol-click-button');
|
|
25121
|
+
const BEM_CLASS_CLICK_BUTTON = clickButtonBem();
|
|
25122
|
+
const BEM_CLASS_CLICK_BUTTON__LABEL = clickButtonBem('label');
|
|
25123
|
+
const ClickButtonFC = ({ label, handleClick, refButton }) => (hAsync("button", { class: BEM_CLASS_CLICK_BUTTON, ref: refButton, onClick: handleClick }, hAsync("span", { class: BEM_CLASS_CLICK_BUTTON__LABEL }, label)));
|
|
25124
|
+
|
|
25125
|
+
class KolClickButton extends BaseWebComponent {
|
|
25126
|
+
constructor(hostRef) {
|
|
25127
|
+
super();
|
|
25128
|
+
registerInstance(this, hostRef);
|
|
25129
|
+
this.buttonRef = createCtaRef();
|
|
25130
|
+
this.propsConfig = clickButtonPropsConfig;
|
|
25131
|
+
this.handleClick = () => {
|
|
25132
|
+
console.log(this, 'button clicked');
|
|
25133
|
+
};
|
|
25134
|
+
}
|
|
25135
|
+
watchLabel(value) {
|
|
25136
|
+
labelProp.apply(value, (v) => this.setRenderProp('label', v), this.isRequired('label'));
|
|
25137
|
+
}
|
|
25138
|
+
focus(options) {
|
|
25139
|
+
return Promise.resolve();
|
|
25140
|
+
}
|
|
25141
|
+
componentWillLoad() {
|
|
25142
|
+
labelProp.apply(this._label, (v) => this.setRenderProp('label', v), this.isRequired('label'));
|
|
25143
|
+
}
|
|
25144
|
+
render() {
|
|
25145
|
+
return (hAsync(Host, { key: 'f51fda05ea6388027a2560614614c9af7f4bd36c' }, hAsync(ClickButtonFC, { key: '968939ea3a46bbbf9d59fec87aaa1154a63699f5', label: this.getRenderProp('label'), refButton: this.buttonRef, handleClick: this.handleClick })));
|
|
25146
|
+
}
|
|
25147
|
+
static get watchers() { return {
|
|
25148
|
+
"_label": [{
|
|
25149
|
+
"watchLabel": 0
|
|
25150
|
+
}]
|
|
25151
|
+
}; }
|
|
25152
|
+
static get cmpMeta() { return {
|
|
25153
|
+
"$flags$": 521,
|
|
25154
|
+
"$tagName$": "kol-click-button",
|
|
25155
|
+
"$members$": {
|
|
25156
|
+
"_label": [1],
|
|
25157
|
+
"focus": [64]
|
|
25158
|
+
},
|
|
25159
|
+
"$listeners$": undefined,
|
|
25160
|
+
"$lazyBundleId$": "-",
|
|
25161
|
+
"$attrsToReflect$": []
|
|
25162
|
+
}; }
|
|
25163
|
+
}
|
|
25164
|
+
__decorate([
|
|
25165
|
+
delegateFocus('buttonRef')
|
|
25166
|
+
], KolClickButton.prototype, "focus", null);
|
|
25167
|
+
|
|
25094
25168
|
const createButtonItem$1 = (getFlagHost) => {
|
|
25095
25169
|
const tooltipBehavior = new TooltipBehavior(BaseWebComponent.stateLess);
|
|
25096
25170
|
const ctaRef = createCtaRef();
|
|
@@ -25964,7 +26038,7 @@ const GROUP_CLASSES = {
|
|
|
25964
26038
|
};
|
|
25965
26039
|
const ListboxGroupFC = ({ block }, children) => hAsync("div", { class: GROUP_CLASSES[block] }, children);
|
|
25966
26040
|
|
|
25967
|
-
const defaultStyleCss$F = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-custom-suggestions-option { line-height: 1.5; white-space: normal; overflow-wrap: break-word; } .kol-custom-suggestions-option:not(.kol-custom-suggestions-option--disabled) { cursor: pointer; } .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option { cursor: none !important; } .kol-custom-suggestions-option--disabled, .kol-custom-suggestions-option--disabled * { cursor: not-allowed; } .kol-custom-suggestions-options-group { background-color: white; display: block; position: absolute; z-index: 2; max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16)); margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; list-style-type: none; } .kol-input-container:has(.kol-custom-suggestions-options-group--open) { z-index: 10; } .kol-custom-suggestions-toggle { display: flex; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; cursor: default; } .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled { cursor: not-allowed; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-combobox { } .kol-combobox__group .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-combobox__group :host { display: inline-block; } .kol-combobox__group .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-combobox__group .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-combobox__group .kol-button__interactive-element::before { content: ""; } .kol-combobox__group .kol-button__text { flex: 1 0 100%; } .kol-combobox__group .kol-button { } .kol-combobox__group .kol-button__tooltip { height: 0; } .kol-combobox__group .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-combobox__group .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-combobox-toggle { min-height: 0; flex: 0; align-self: stretch; } .kol-combobox--open .kol-combobox-toggle { transform: rotate(180deg); } }`;
|
|
26041
|
+
const defaultStyleCss$F = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-custom-suggestions-option { line-height: 1.5; white-space: normal; overflow-wrap: break-word; } .kol-custom-suggestions-option:not(.kol-custom-suggestions-option--disabled) { cursor: pointer; } .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option { cursor: none !important; } .kol-custom-suggestions-option--disabled, .kol-custom-suggestions-option--disabled * { cursor: not-allowed; } .kol-custom-suggestions-options-group { background-color: white; display: block; position: absolute; z-index: 2; max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16)); margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; list-style-type: none; } .kol-input-container:has(.kol-custom-suggestions-options-group--open) { z-index: 10; } .kol-custom-suggestions-toggle { display: flex; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; cursor: default; } .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled { cursor: not-allowed; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-combobox { } .kol-combobox__group .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-combobox__group :host { display: inline-block; } .kol-combobox__group .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-combobox__group .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-combobox__group .kol-button__interactive-element::before { content: ""; } .kol-combobox__group .kol-button__text { flex: 1 0 100%; } .kol-combobox__group .kol-button { } .kol-combobox__group .kol-button__tooltip { height: 0; } .kol-combobox__group .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-combobox__group .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-combobox-toggle { min-height: 0; flex: 0; align-self: stretch; } .kol-combobox--open .kol-combobox-toggle { transform: rotate(180deg); } }`;
|
|
25968
26042
|
|
|
25969
26043
|
class KolCombobox extends BaseListboxWebComponent {
|
|
25970
26044
|
constructor(hostRef) {
|
|
@@ -26337,13 +26411,13 @@ class KolCombobox extends BaseListboxWebComponent {
|
|
|
26337
26411
|
render() {
|
|
26338
26412
|
const isDisabled = this.getRenderProp('disabled') === true;
|
|
26339
26413
|
const { startAdornment, endAdornment } = getInputAdornments({ icons: this.getRenderProp('icons') });
|
|
26340
|
-
return (hAsync(Host, { key: '
|
|
26414
|
+
return (hAsync(Host, { key: '2c55e2d805fc70a16cc252ab4b454285a5f0e989' }, hAsync(FormFieldFC, Object.assign({ key: '847c28d43f92191ae138b17bf24deb1ea6e6650f' }, this.getFormFieldProps({
|
|
26341
26415
|
class: clsx('kol-combobox', { 'has-value': this.hasValue, 'kol-combobox--open': this.isOpen }),
|
|
26342
26416
|
accessKey: this.getRenderProp('accessKey') || undefined,
|
|
26343
26417
|
shortKey: this.getRenderProp('shortKey') || undefined,
|
|
26344
26418
|
required: this.getRenderProp('required'),
|
|
26345
26419
|
variant: this.getRenderProp('variant'),
|
|
26346
|
-
})), hAsync(InputContainerFC, { key: '
|
|
26420
|
+
})), hAsync(InputContainerFC, { key: 'c56a6d3f4dd6b28aaaa08260c2cdefe9cb7745d7', disabled: isDisabled, msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, hAsync(ListboxGroupFC, { key: '51ebc2d5b0bd49bcf2e8c0a46464904bbe0f2fe5', block: "kol-combobox" }, hAsync(InputFC, Object.assign({ key: '23241d3f8d6c86639c0a9d347c53b2fe456471fb' }, this.getInputProps())), this.getRenderProp('value') && this.getRenderProp('hasClearButton') && (hAsync(ButtonFC, Object.assign({ key: '464421143c503304ec7578a21daf6a5579325d14' }, this.clearButton.getFcProps({
|
|
26347
26421
|
_icons: 'kolicon-cross',
|
|
26348
26422
|
_label: this.translateDeleteSelection,
|
|
26349
26423
|
_hideLabel: true,
|
|
@@ -26359,7 +26433,7 @@ class KolCombobox extends BaseListboxWebComponent {
|
|
|
26359
26433
|
hidden: isDisabled,
|
|
26360
26434
|
onBlur: this.stopClearButtonFocusEvent,
|
|
26361
26435
|
onFocus: this.stopClearButtonFocusEvent,
|
|
26362
|
-
})))), hAsync(ComboboxToggleFC, { key: '
|
|
26436
|
+
})))), hAsync(ComboboxToggleFC, { key: '45ce5c48050e4b05f748a81b7b9720c9aacd84c8', disabled: isDisabled, expanded: this.isOpen, handleClick: this.toggleListbox, label: this.translateShowSuggestions, listboxId: createRelatedUniqueId(this.id, 'listbox') })), hAsync(CustomSuggestionsOptionsGroupFC, { key: '9966a9ad789c5b0a44bb72f20cc2d109b592c527', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleDropdownKeyDown, hidden: !this.isOpen || isDisabled, id: createRelatedUniqueId(this.id, 'listbox') }, this.renderOptions())))));
|
|
26363
26437
|
}
|
|
26364
26438
|
get host() { return getElement(this); }
|
|
26365
26439
|
static get watchers() { return {
|
|
@@ -26481,7 +26555,7 @@ __decorate([
|
|
|
26481
26555
|
delegateClick('ctaRef')
|
|
26482
26556
|
], KolCombobox.prototype, "click", null);
|
|
26483
26557
|
|
|
26484
|
-
const defaultStyleCss$E = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
26558
|
+
const defaultStyleCss$E = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { :host { display: inline-block; } .kol-details { } .kol-details__heading { display: flex; min-height: var(--a11y-min-size); } .kol-details__heading:not([aria-disabled=true]) { cursor: pointer; } .kol-details__heading { } .kol-details__heading::before { content: ""; } .kol-details__heading { } .kol-details__heading > .kol-headline { display: flex; flex: 1; margin: 0; text-align: left; font-weight: 400; } .kol-details__heading > .kol-headline > .kol-span { flex: 1 0 100%; align-items: flex-start; } @media (prefers-reduced-motion) { .kol-details__wrapper-animation, .kol-details__wrapper { transition: none !important; } } .kol-details { } @media print { .kol-details:not(.kol-details--open) .kol-details__wrapper-animation { display: none; } } .kol-details__wrapper { transform: translateZ(0); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 0fr; transition: grid-template-rows var(--collapsible-transition-duration, 0.3s); } .kol-details__wrapper-animation { opacity: 0; transform: scaleY(0); transform-origin: top; min-height: 0; visibility: hidden; transition: transform var(--collapsible-transition-duration, 0.3s), opacity var(--collapsible-transition-duration, 0.3s), visibility var(--collapsible-transition-duration, 0.3s); } .kol-details--open .kol-details__wrapper { grid-template-rows: 1fr; } .kol-details--open .kol-details__wrapper-animation { opacity: 1; transform: scaleY(1); visibility: visible; } .kol-details--open:focus-within { position: relative; z-index: 100; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-details--open .kol-details__heading .kol-icon { transform: rotate(90deg); } }`;
|
|
26485
26559
|
|
|
26486
26560
|
class KolDetails extends BaseWebComponent {
|
|
26487
26561
|
constructor(hostRef) {
|
|
@@ -26553,7 +26627,7 @@ class KolDetails extends BaseWebComponent {
|
|
|
26553
26627
|
this.openAnimation.dispose();
|
|
26554
26628
|
}
|
|
26555
26629
|
render() {
|
|
26556
|
-
return (hAsync(Host, { key: '
|
|
26630
|
+
return (hAsync(Host, { key: '81423d0b7fded2683302c5a096379fc4d38623c4' }, hAsync(CollapsibleFC, { key: '4e4c039c3675f863325273ed6dd7be63bea72062', block: "kol-details", contentClass: "indented-text", controlId: this.controlId, detailsOpen: this.detailsOpen, disabled: this.getRenderProp('disabled'), expanded: this.expanded, handleToggle: this.handleToggle, headingId: this.headingId, icons: "kolicon-chevron-right", label: this.getRenderProp('label'), level: this.getRenderProp('level'), on: this.getRenderProp('on'), open: this.getRenderProp('open'), refHeadingButton: this.ctaRef, transitionMs: this.transitionMs }, hAsync("slot", { key: '91a3900d766ca1db152049e53f9cdee0f8be26dc' }))));
|
|
26557
26631
|
}
|
|
26558
26632
|
get host() { return getElement(this); }
|
|
26559
26633
|
static get watchers() { return {
|
|
@@ -26784,7 +26858,7 @@ class BaseDialogWebComponent extends BaseWebComponent {
|
|
|
26784
26858
|
}
|
|
26785
26859
|
}
|
|
26786
26860
|
|
|
26787
|
-
const defaultStyleCss$D = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card :host { display: inline-block; } .kol-card .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-card .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-card .kol-button__interactive-element::before { content: ""; } .kol-card .kol-button__text { flex: 1 0 100%; } .kol-card .kol-button { } .kol-card .kol-button__tooltip { height: 0; } .kol-card .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-card .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: grid; height: 100%; overflow: visible; grid-template-areas: "header close" "content content"; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; } .kol-card__header { align-self: start; grid-area: header; } .kol-card__content { align-self: stretch; grid-area: content; } .kol-card__close-button { grid-area: close; } .kol-card:has(.kol-card__link) { position: relative; } .kol-card__link::after { position: absolute; inset: 0; content: ""; cursor: pointer; } .kol-dialog, .kol-modal { min-height: var(--a11y-min-size); padding: 0; border: 0; overscroll-behavior: contain; } .kol-dialog__close-button, .kol-modal__close-button { position: absolute; top: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); right: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; } }`;
|
|
26861
|
+
const defaultStyleCss$D = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card :host { display: inline-block; } .kol-card .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-card .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-card .kol-button__interactive-element::before { content: ""; } .kol-card .kol-button__text { flex: 1 0 100%; } .kol-card .kol-button { } .kol-card .kol-button__tooltip { height: 0; } .kol-card .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-card .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: grid; height: 100%; overflow: visible; grid-template-areas: "header close" "content content"; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; } .kol-card__header { align-self: start; grid-area: header; } .kol-card__content { align-self: stretch; grid-area: content; } .kol-card__close-button { grid-area: close; } .kol-card:has(.kol-card__link) { position: relative; } .kol-card__link::after { position: absolute; inset: 0; content: ""; cursor: pointer; } .kol-dialog, .kol-modal { min-height: var(--a11y-min-size); padding: 0; border: 0; overscroll-behavior: contain; } .kol-dialog__close-button, .kol-modal__close-button { position: absolute; top: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); right: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; } }`;
|
|
26788
26862
|
|
|
26789
26863
|
class KolDialog extends BaseDialogWebComponent {
|
|
26790
26864
|
constructor(hostRef) {
|
|
@@ -26849,7 +26923,7 @@ class KolDialog extends BaseDialogWebComponent {
|
|
|
26849
26923
|
return hAsync("slot", null);
|
|
26850
26924
|
}
|
|
26851
26925
|
render() {
|
|
26852
|
-
return hAsync(Host, { key: '
|
|
26926
|
+
return hAsync(Host, { key: 'b0f2c7e71aabe7ac9d2a6baa85ea1c8334231f57' }, this.renderDialogFC());
|
|
26853
26927
|
}
|
|
26854
26928
|
get host() { return getElement(this); }
|
|
26855
26929
|
static get watchers() { return {
|
|
@@ -26909,7 +26983,7 @@ const DrawerFC = (props, children) => {
|
|
|
26909
26983
|
return (hAsync(BemRootNodeFC, { block: "kol-drawer" }, hAsync(DialogFC, { blockClass: BEM_CLASS_DRAWER__DIALOG, handleCancel: handleCancel, handleClose: handleClose, label: label, labelledBy: headingId, modal: modal, refDialog: refDialog }, hAsync("div", { class: drawerBem('wrapper', { [align]: true, 'is-closing': !expanded, open: expanded }), onAnimationEnd: handleAnimationEnd, ref: refWrapper }, hAsync(CardFC, Object.assign({}, cardProps), hAsync("div", { class: BEM_CLASS_DRAWER__CONTENT }, children))))));
|
|
26910
26984
|
};
|
|
26911
26985
|
|
|
26912
|
-
const defaultStyleCss$C = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card :host { display: inline-block; } .kol-card .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-card .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-card .kol-button__interactive-element::before { content: ""; } .kol-card .kol-button__text { flex: 1 0 100%; } .kol-card .kol-button { } .kol-card .kol-button__tooltip { height: 0; } .kol-card .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-card .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: grid; height: 100%; overflow: visible; grid-template-areas: "header close" "content content"; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; } .kol-card__header { align-self: start; grid-area: header; } .kol-card__content { align-self: stretch; grid-area: content; } .kol-card__close-button { grid-area: close; } .kol-card:has(.kol-card__link) { position: relative; } .kol-card__link::after { position: absolute; inset: 0; content: ""; cursor: pointer; } .kol-drawer__dialog { padding: 0; border: none; overscroll-behavior: contain; } .kol-drawer__wrapper { position: fixed; overflow: auto; overscroll-behavior: contain; } .kol-drawer__wrapper--left, .kol-drawer__wrapper--right { top: 0; max-width: 100vw; height: 100vh; } .kol-drawer__wrapper--left .kol-drawer__content, .kol-drawer__wrapper--right .kol-drawer__content { height: 100%; } .kol-drawer__wrapper--left { left: 0; } .kol-drawer__wrapper--right { right: 0; } .kol-drawer__wrapper--bottom, .kol-drawer__wrapper--top { left: 0; width: 100vw; max-height: 100vh; } .kol-drawer__wrapper--bottom .kol-drawer__content, .kol-drawer__wrapper--top .kol-drawer__content { width: 100%; } .kol-drawer__wrapper--bottom { bottom: 0; } .kol-drawer__wrapper--top { top: 0; } .kol-drawer__content { position: relative; } .kol-drawer__dialog .kol-card__content { overflow-y: auto; overscroll-behavior: contain; } }`;
|
|
26986
|
+
const defaultStyleCss$C = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card :host { display: inline-block; } .kol-card .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-card .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-card .kol-button__interactive-element::before { content: ""; } .kol-card .kol-button__text { flex: 1 0 100%; } .kol-card .kol-button { } .kol-card .kol-button__tooltip { height: 0; } .kol-card .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-card .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: grid; height: 100%; overflow: visible; grid-template-areas: "header close" "content content"; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; } .kol-card__header { align-self: start; grid-area: header; } .kol-card__content { align-self: stretch; grid-area: content; } .kol-card__close-button { grid-area: close; } .kol-card:has(.kol-card__link) { position: relative; } .kol-card__link::after { position: absolute; inset: 0; content: ""; cursor: pointer; } .kol-drawer__dialog { padding: 0; border: none; overscroll-behavior: contain; } .kol-drawer__wrapper { position: fixed; overflow: auto; overscroll-behavior: contain; } .kol-drawer__wrapper--left, .kol-drawer__wrapper--right { top: 0; max-width: 100vw; height: 100vh; } .kol-drawer__wrapper--left .kol-drawer__content, .kol-drawer__wrapper--right .kol-drawer__content { height: 100%; } .kol-drawer__wrapper--left { left: 0; } .kol-drawer__wrapper--right { right: 0; } .kol-drawer__wrapper--bottom, .kol-drawer__wrapper--top { left: 0; width: 100vw; max-height: 100vh; } .kol-drawer__wrapper--bottom .kol-drawer__content, .kol-drawer__wrapper--top .kol-drawer__content { width: 100%; } .kol-drawer__wrapper--bottom { bottom: 0; } .kol-drawer__wrapper--top { top: 0; } .kol-drawer__content { position: relative; } .kol-drawer__dialog .kol-card__content { overflow-y: auto; overscroll-behavior: contain; } }`;
|
|
26913
26987
|
|
|
26914
26988
|
class KolDrawer extends BaseWebComponent {
|
|
26915
26989
|
constructor(hostRef) {
|
|
@@ -27084,7 +27158,7 @@ class KolDrawer extends BaseWebComponent {
|
|
|
27084
27158
|
};
|
|
27085
27159
|
}
|
|
27086
27160
|
render() {
|
|
27087
|
-
return (hAsync(Host, { key: '
|
|
27161
|
+
return (hAsync(Host, { key: 'b03a0eac0ec255106420c0e63cbfb3d0bdfc93f1' }, hAsync(DrawerFC, { key: '8666e9b1351925f6bf64a3e93838046533da4965', align: this.getRenderProp('align'), ariaDescriptionId: this.getState('ariaDescriptionId'), cardProps: this.buildCardProps(), expanded: this.getState('expanded'), handleAnimationEnd: this.handleAnimationEnd, handleCancel: this.handleCancel, handleClose: this.handleClose, hasCloser: this.getRenderProp('hasCloser'), headingId: this.getState('headingId'), label: this.getRenderProp('label'), level: this.getRenderProp('level'), modal: this.getState('modal'), on: this.getRenderProp('on'), refDialog: this.dialogRef, refWrapper: this.wrapperRef }, hAsync("slot", { key: '38962dd91691df35f9c75fde259d03344bea512b' }))));
|
|
27088
27162
|
}
|
|
27089
27163
|
get host() { return getElement(this); }
|
|
27090
27164
|
static get watchers() { return {
|
|
@@ -27182,7 +27256,7 @@ const createFormErrorLinkItem = (error, handleSelector) => {
|
|
|
27182
27256
|
};
|
|
27183
27257
|
};
|
|
27184
27258
|
|
|
27185
|
-
const defaultStyleCss$B = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-link { display: inline-flex; max-width: fit-content; } .kol-link--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: stretch; } .kol-link--standalone .kol-link__interactive-element { align-items: stretch; } .kol-link--standalone .kol-link__text { display: inline-flex; flex: 1 1 100%; place-items: center; } .kol-link__interactive-element { display: inline-flex; flex: 1; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-link__interactive-element:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link__interactive-element:hover:not([aria-disabled], [disabled]) .kol-span__label { text-decoration-thickness: 0.2em; } .kol-link .kol-span__label { text-decoration-line: underline; } .kol-link__icon { display: inline-flex; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } }`;
|
|
27259
|
+
const defaultStyleCss$B = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-link { display: inline-flex; max-width: fit-content; } .kol-link--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: stretch; } .kol-link--standalone .kol-link__interactive-element { align-items: stretch; } .kol-link--standalone .kol-link__text { display: inline-flex; flex: 1 1 100%; place-items: center; } .kol-link__interactive-element { display: inline-flex; flex: 1; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-link__interactive-element:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link__interactive-element:hover:not([aria-disabled], [disabled]) .kol-span__label { text-decoration-thickness: 0.2em; } .kol-link .kol-span__label { text-decoration-line: underline; } .kol-link__icon { display: inline-flex; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } }`;
|
|
27186
27260
|
|
|
27187
27261
|
const SCROLL_OPTIONS_FALLBACK = {
|
|
27188
27262
|
behavior: 'smooth',
|
|
@@ -27252,7 +27326,7 @@ class KolForm extends BaseWebComponent {
|
|
|
27252
27326
|
this.watchRequiredText(this._requiredText);
|
|
27253
27327
|
}
|
|
27254
27328
|
render() {
|
|
27255
|
-
return (hAsync(Host, { key: '
|
|
27329
|
+
return (hAsync(Host, { key: '113bbd651c41feac5a90bec2d129a69ef9fc970b' }, hAsync(FormFC, { key: 'c6b480525cc593ff6dc9aa6116228774023b3bcd', alertHeadingId: this.alertHeadingId, closerAriaDescriptionId: this.closerAriaDescriptionId, errorList: this.getRenderProp('errorList'), errorLinkItems: this.errorLinkItems, handleReset: this.handleReset, handleSubmit: this.handleSubmit, on: this.getRenderProp('on'), requiredText: this.getRenderProp('requiredText') })));
|
|
27256
27330
|
}
|
|
27257
27331
|
get host() { return getElement(this); }
|
|
27258
27332
|
static get watchers() { return {
|
|
@@ -27329,7 +27403,7 @@ class KolHeading extends BaseWebComponent {
|
|
|
27329
27403
|
secondaryHeadlineProp.apply(this._secondaryHeadline, (v) => this.setRenderProp('secondaryHeadline', v));
|
|
27330
27404
|
}
|
|
27331
27405
|
render() {
|
|
27332
|
-
return (hAsync(Host, { key: '
|
|
27406
|
+
return (hAsync(Host, { key: '6cebe2e9fee74d55286b78c0ca1a7e60334dc630' }, hAsync(HeadingFC, { key: '8aaffa3961fc270b3ac0eebfa42c28ccbae87e3a', label: this.getRenderProp('label'), level: this.getRenderProp('level'), secondaryHeadline: this.getRenderProp('secondaryHeadline') })));
|
|
27333
27407
|
}
|
|
27334
27408
|
static get watchers() { return {
|
|
27335
27409
|
"_label": [{
|
|
@@ -27363,7 +27437,7 @@ const iconPropsConfig = {
|
|
|
27363
27437
|
required: [iconsProp, labelProp],
|
|
27364
27438
|
};
|
|
27365
27439
|
|
|
27366
|
-
const defaultStyleCss$z = () => `@font-face{font-family:"kolicons";src:url("kolicons.eot?t=
|
|
27440
|
+
const defaultStyleCss$z = () => `@font-face{font-family:"kolicons";src:url("kolicons.eot?t=1794497133718");src:url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg");}@layer kol-component{[class^=kolicon-],[class*=" kolicon-"]{font-family:"kolicons";font-style:normal;font-weight:400;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.kolicon-alert-error::before{content:"\\ea01"}.kolicon-alert-info::before{content:"\\ea02"}.kolicon-alert-success::before{content:"\\ea03"}.kolicon-alert-warning::before{content:"\\ea04"}.kolicon-check::before{content:"\\ea05"}.kolicon-chevron-double-left::before{content:"\\ea06"}.kolicon-chevron-double-right::before{content:"\\ea07"}.kolicon-chevron-down::before{content:"\\ea08"}.kolicon-chevron-left::before{content:"\\ea09"}.kolicon-chevron-right::before{content:"\\ea0a"}.kolicon-chevron-up::before{content:"\\ea0b"}.kolicon-cogwheel::before{content:"\\ea0c"}.kolicon-cross::before{content:"\\ea0d"}.kolicon-eye-closed::before{content:"\\ea0e"}.kolicon-eye::before{content:"\\ea0f"}.kolicon-house::before{content:"\\ea10"}.kolicon-kolibri::before{content:"\\ea11"}.kolicon-link-external::before{content:"\\ea12"}.kolicon-link::before{content:"\\ea13"}.kolicon-minus::before{content:"\\ea14"}.kolicon-pin-pinned::before{content:"\\ea15"}.kolicon-pin-unpinned::before{content:"\\ea16"}.kolicon-plus::before{content:"\\ea17"}.kolicon-settings::before{content:"\\ea18"}.kolicon-sort-asc::before{content:"\\ea19"}.kolicon-sort-desc::before{content:"\\ea1a"}.kolicon-sort-neutral::before{content:"\\ea1b"}.kolicon-up::before{content:"\\ea1c"}.kolicon-version::before{content:"\\ea1d"}}@layer kol-component{.kol-icon{color:inherit;display:inline-block;font-size:inherit;font-weight:inherit;line-height:inherit}}`;
|
|
27367
27441
|
|
|
27368
27442
|
class KolIcon extends BaseWebComponent {
|
|
27369
27443
|
constructor(hostRef) {
|
|
@@ -27382,7 +27456,7 @@ class KolIcon extends BaseWebComponent {
|
|
|
27382
27456
|
labelProp.apply(this._label, (v) => this.setRenderProp('label', v), this.isRequired('label'));
|
|
27383
27457
|
}
|
|
27384
27458
|
render() {
|
|
27385
|
-
return (hAsync(Host, { key: '
|
|
27459
|
+
return (hAsync(Host, { key: '3ee1ef136b46ddbcc2dbb1097f0625edccb641bc' }, hAsync(IconFC, { key: '7a82b2f3ca9bb754a78f8eade2f0828b58886d12', icons: this.getRenderProp('icons'), label: this.getRenderProp('label') })));
|
|
27386
27460
|
}
|
|
27387
27461
|
static get watchers() { return {
|
|
27388
27462
|
"_icons": [{
|
|
@@ -27473,7 +27547,7 @@ class KolImage extends BaseWebComponent {
|
|
|
27473
27547
|
srcsetProp.apply(this._srcset, (v) => this.setRenderProp('srcset', v));
|
|
27474
27548
|
}
|
|
27475
27549
|
render() {
|
|
27476
|
-
return (hAsync(Host, { key: '
|
|
27550
|
+
return (hAsync(Host, { key: 'b2966bc76760f20d78f1eead98ef9c5fb4970769' }, hAsync(ImageFC, { key: 'a750811353a0428487cb7cc5f7361c629981ccb7', alt: this.getRenderProp('alt'), loading: this.getRenderProp('loading'), sizes: this.getRenderProp('sizes'), src: this.getRenderProp('src'), srcset: this.getRenderProp('srcset'), handleError: this.handleError, handleLoad: this.handleLoad })));
|
|
27477
27551
|
}
|
|
27478
27552
|
get host() { return getElement(this); }
|
|
27479
27553
|
static get watchers() { return {
|
|
@@ -27553,7 +27627,7 @@ const inputCheckboxPropsConfig = {
|
|
|
27553
27627
|
],
|
|
27554
27628
|
};
|
|
27555
27629
|
|
|
27556
|
-
const defaultStyleCss$x = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-field-control { display: grid; min-height: var(--a11y-min-size); align-items: center; justify-content: left; grid-template-areas: "input label"; grid-template-columns: auto 1fr; grid-template-rows: auto; } .kol-field-control:has(.kol-field-control__hint) { grid-template-areas: "input label" "hint hint"; grid-template-columns: auto 1fr; grid-template-rows: auto auto; } .kol-field-control--label-align-left:not(.kol-field-control--hide-label) { grid-template-areas: "label input"; grid-template-columns: 1fr auto; grid-template-rows: auto; } .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) { grid-template-areas: "label input" "hint hint"; grid-template-columns: 1fr auto; grid-template-rows: auto auto; } .kol-field-control__input { display: flex; min-height: var(--a11y-min-size); align-items: center; grid-area: input; } .kol-field-control__label { display: flex; min-height: var(--a11y-min-size); flex-grow: 1; align-items: center; cursor: pointer; grid-area: label; } .kol-field-control__label--visually-hidden { display: none; height: 0; margin: 0; padding: 0; visibility: hidden; } .kol-field-control__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-field-control__hint { grid-area: hint; } .kol-field-control--disabled .kol-field-control__label { cursor: not-allowed; } .kol-field-control--required .kol-field-control__label-text:has(.kol-span__slot[hidden])::after, .kol-field-control--required .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-form-field { display: grid; } .kol-form-field__label-text { display: ruby; } .kol-checkbox { display: flex; position: relative; align-items: center; cursor: pointer; } .kol-checkbox--disabled { cursor: not-allowed; } .kol-checkbox .kol-input { background-color: white; border-style: solid; margin: 0; border-width: 2px; appearance: none; cursor: inherit; } .kol-checkbox .kol-input:before { content: ""; } .kol-checkbox--variant-default { position: relative; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); justify-content: center; } .kol-checkbox--variant-default .kol-icon { display: none; position: absolute; inset: auto; z-index: 1; pointer-events: none; } .kol-checkbox--variant-default .kol-input { width: calc(22 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(22 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon, .kol-checkbox--variant-default.kol-checkbox--indeterminate .kol-icon { display: block; } .kol-checkbox--variant-switch { position: relative; } .kol-checkbox--variant-switch .kol-input { display: inline-block; position: relative; width: 3.2em; min-width: 3.2em; height: 1.7em; } .kol-checkbox--variant-switch .kol-input::before { background-color: black; position: absolute; top: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16)); left: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16)); width: 1.2em; height: 1.2em; transition: 0.5s; } .kol-checkbox--variant-switch .kol-input:checked::before { transform: translateX(1.5em); } .kol-checkbox--variant-switch .kol-input:indeterminate::before { transform: translateX(0.75em); } .kol-checkbox--variant-switch .kol-icon { transform: translate(0, -50%); color: black; display: flex; position: absolute; top: 50%; left: calc(4 * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; width: 1.2em; height: 1.2em; align-items: center; justify-content: center; transition: 0.5s; } .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon { transform: translate(1.5em, -50%); } .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon { transform: translate(0.75em, -50%); } .kol-checkbox--variant-button { min-width: var(--a11y-min-size); } .kol-checkbox--variant-button .kol-icon { display: flex; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; } }`;
|
|
27630
|
+
const defaultStyleCss$x = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-field-control { display: grid; min-height: var(--a11y-min-size); align-items: center; justify-content: left; grid-template-areas: "input label"; grid-template-columns: auto 1fr; grid-template-rows: auto; } .kol-field-control:has(.kol-field-control__hint) { grid-template-areas: "input label" "hint hint"; grid-template-columns: auto 1fr; grid-template-rows: auto auto; } .kol-field-control--label-align-left:not(.kol-field-control--hide-label) { grid-template-areas: "label input"; grid-template-columns: 1fr auto; grid-template-rows: auto; } .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) { grid-template-areas: "label input" "hint hint"; grid-template-columns: 1fr auto; grid-template-rows: auto auto; } .kol-field-control__input { display: flex; min-height: var(--a11y-min-size); align-items: center; grid-area: input; } .kol-field-control__label { display: flex; min-height: var(--a11y-min-size); flex-grow: 1; align-items: center; cursor: pointer; grid-area: label; } .kol-field-control__label--visually-hidden { display: none; height: 0; margin: 0; padding: 0; visibility: hidden; } .kol-field-control__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-field-control__hint { grid-area: hint; } .kol-field-control--disabled .kol-field-control__label { cursor: not-allowed; } .kol-field-control--required .kol-field-control__label-text:has(.kol-span__slot[hidden])::after, .kol-field-control--required .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-form-field { display: grid; } .kol-form-field__label-text { display: ruby; } .kol-checkbox { display: flex; position: relative; align-items: center; cursor: pointer; } .kol-checkbox--disabled { cursor: not-allowed; } .kol-checkbox .kol-input { background-color: white; border-style: solid; margin: 0; border-width: 2px; appearance: none; cursor: inherit; } .kol-checkbox .kol-input:before { content: ""; } .kol-checkbox--variant-default { position: relative; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); justify-content: center; } .kol-checkbox--variant-default .kol-icon { display: none; position: absolute; inset: auto; z-index: 1; pointer-events: none; } .kol-checkbox--variant-default .kol-input { width: calc(22 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(22 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon, .kol-checkbox--variant-default.kol-checkbox--indeterminate .kol-icon { display: block; } .kol-checkbox--variant-switch { position: relative; } .kol-checkbox--variant-switch .kol-input { display: inline-block; position: relative; width: 3.2em; min-width: 3.2em; height: 1.7em; } .kol-checkbox--variant-switch .kol-input::before { background-color: black; position: absolute; top: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16)); left: calc(0.25em - 2 * 1rem / var(--kolibri-root-font-size, 16)); width: 1.2em; height: 1.2em; transition: 0.5s; } .kol-checkbox--variant-switch .kol-input:checked::before { transform: translateX(1.5em); } .kol-checkbox--variant-switch .kol-input:indeterminate::before { transform: translateX(0.75em); } .kol-checkbox--variant-switch .kol-icon { transform: translate(0, -50%); color: black; display: flex; position: absolute; top: 50%; left: calc(4 * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; width: 1.2em; height: 1.2em; align-items: center; justify-content: center; transition: 0.5s; } .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon { transform: translate(1.5em, -50%); } .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon { transform: translate(0.75em, -50%); } .kol-checkbox--variant-button { min-width: var(--a11y-min-size); } .kol-checkbox--variant-button .kol-icon { display: flex; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; } }`;
|
|
27557
27631
|
|
|
27558
27632
|
class KolInputCheckbox extends BaseFormFieldWebComponent {
|
|
27559
27633
|
constructor(hostRef) {
|
|
@@ -27758,7 +27832,7 @@ class KolInputCheckbox extends BaseFormFieldWebComponent {
|
|
|
27758
27832
|
const accessKey = this.getRenderProp('accessKey') || undefined;
|
|
27759
27833
|
const shortKey = this.getRenderProp('shortKey') || undefined;
|
|
27760
27834
|
const required = this.getRenderProp('required');
|
|
27761
|
-
return (hAsync(Host, { key: '
|
|
27835
|
+
return (hAsync(Host, { key: 'dc8520bdd50f33eaafcf63d12c59b233d59781df' }, hAsync(FormFieldFC, Object.assign({ key: '4a9c9fb70f555c268063cffc90222ea5eb3f30ef' }, this.getFormFieldProps({
|
|
27762
27836
|
class: clsx('kol-input-checkbox', {
|
|
27763
27837
|
'kol-input-checkbox--checked': checked,
|
|
27764
27838
|
'kol-input-checkbox--indeterminate': indeterminate,
|
|
@@ -27770,11 +27844,11 @@ class KolInputCheckbox extends BaseFormFieldWebComponent {
|
|
|
27770
27844
|
required,
|
|
27771
27845
|
renderNoLabel: true,
|
|
27772
27846
|
renderNoTooltip: true,
|
|
27773
|
-
})), hAsync(FieldControlFC, Object.assign({ key: '
|
|
27847
|
+
})), hAsync(FieldControlFC, Object.assign({ key: '15d9df3d959762cc16382e225f263fefbcca19ce', class: clsx('kol-input-checkbox__field-control', {
|
|
27774
27848
|
'kol-input-checkbox__field-control--checked': checked,
|
|
27775
27849
|
'kol-input-checkbox__field-control--indeterminate': indeterminate,
|
|
27776
27850
|
[`kol-input-checkbox__field-control--variant-${variant}`]: true,
|
|
27777
|
-
}), id: this.id, label: this.getRenderProp('label'), hint: this.getRenderProp('hint'), hideLabel: this.getRenderProp('hideLabel'), labelAlign: this.getRenderProp('labelAlign'), infoPopover: this.getInfoPopover(), accessKey: accessKey, shortKey: shortKey, tooltipAlign: this.getRenderProp('tooltipAlign'), disabled: this.getRenderProp('disabled'), msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), required: required, renderNoHint: true, labelProps: { onMouseDown: this.handleLabelMouseDown } }, this.getLabelTooltipRefs()), hAsync(CheckboxFC, { key: '
|
|
27851
|
+
}), id: this.id, label: this.getRenderProp('label'), hint: this.getRenderProp('hint'), hideLabel: this.getRenderProp('hideLabel'), labelAlign: this.getRenderProp('labelAlign'), infoPopover: this.getInfoPopover(), accessKey: accessKey, shortKey: shortKey, tooltipAlign: this.getRenderProp('tooltipAlign'), disabled: this.getRenderProp('disabled'), msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), required: required, renderNoHint: true, labelProps: { onMouseDown: this.handleLabelMouseDown } }, this.getLabelTooltipRefs()), hAsync(CheckboxFC, { key: '65969c9c0a39559c6da3a4f9e911881a73a326f3', variant: variant, icon: this.getIcon(), onMouseDown: this.handleCheckboxMouseDown, inputProps: this.getInputProps() })))));
|
|
27778
27852
|
}
|
|
27779
27853
|
get host() { return getElement(this); }
|
|
27780
27854
|
static get watchers() { return {
|
|
@@ -27916,7 +27990,7 @@ const inputColorPropsConfig = {
|
|
|
27916
27990
|
],
|
|
27917
27991
|
};
|
|
27918
27992
|
|
|
27919
|
-
const defaultStyleCss$w = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-input { cursor: pointer; } .kol-input:disabled { cursor: not-allowed; } }`;
|
|
27993
|
+
const defaultStyleCss$w = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-input { cursor: pointer; } .kol-input:disabled { cursor: not-allowed; } }`;
|
|
27920
27994
|
|
|
27921
27995
|
class KolInputColor extends BaseFormFieldWebComponent {
|
|
27922
27996
|
constructor(hostRef) {
|
|
@@ -28084,12 +28158,12 @@ class KolInputColor extends BaseFormFieldWebComponent {
|
|
|
28084
28158
|
icons: this.getRenderProp('icons'),
|
|
28085
28159
|
smartButton: this.getSmartButtonFcProps(this.getRenderProp('smartButton'), disabled),
|
|
28086
28160
|
});
|
|
28087
|
-
return (hAsync(Host, { key: '
|
|
28161
|
+
return (hAsync(Host, { key: '16fa6ab52f85e2392c40842e28abf75bdba0583c' }, hAsync(FormFieldFC, Object.assign({ key: 'a69d19116ee2ff2f52d6080383f366d3e23b5e14' }, this.getFormFieldProps({
|
|
28088
28162
|
class: 'kol-input-color',
|
|
28089
28163
|
accessKey: this.getRenderProp('accessKey') || undefined,
|
|
28090
28164
|
shortKey: this.getRenderProp('shortKey') || undefined,
|
|
28091
28165
|
variant: this.getRenderProp('variant'),
|
|
28092
|
-
})), hAsync(InputContainerFC, { key: '
|
|
28166
|
+
})), hAsync(InputContainerFC, { key: '40c7a7894437b971791a44bffa449ba33d67160e', disabled: disabled, msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, hAsync(InputFC, Object.assign({ key: 'b4ff6dc0850c96ca06c92f8c177e7766d93c38df' }, this.getInputProps()))))));
|
|
28093
28167
|
}
|
|
28094
28168
|
get host() { return getElement(this); }
|
|
28095
28169
|
static get watchers() { return {
|
|
@@ -28252,7 +28326,7 @@ const inputDatePropsConfig = {
|
|
|
28252
28326
|
],
|
|
28253
28327
|
};
|
|
28254
28328
|
|
|
28255
|
-
const defaultStyleCss$v = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-input { cursor: text; } .kol-input::-webkit-calendar-picker-indicator { cursor: pointer; } }`;
|
|
28329
|
+
const defaultStyleCss$v = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-input { cursor: text; } .kol-input::-webkit-calendar-picker-indicator { cursor: pointer; } }`;
|
|
28256
28330
|
|
|
28257
28331
|
class KolInputDate extends BaseFormFieldWebComponent {
|
|
28258
28332
|
constructor(hostRef) {
|
|
@@ -28493,7 +28567,7 @@ class KolInputDate extends BaseFormFieldWebComponent {
|
|
|
28493
28567
|
icons: this.getRenderProp('icons'),
|
|
28494
28568
|
smartButton: this.getSmartButtonFcProps(this.getRenderProp('smartButton'), disabled),
|
|
28495
28569
|
});
|
|
28496
|
-
return (hAsync(Host, { key: '
|
|
28570
|
+
return (hAsync(Host, { key: 'd93f04d5c275b0ee3bd62e8e29ceae3c1a10ec3d' }, hAsync(FormFieldFC, Object.assign({ key: '9cd2b2fb4fdbc22e644a8be7c0f94a928f0d6852' }, this.getFormFieldProps({
|
|
28497
28571
|
class: clsx('kol-input-date', this.getRenderProp('type'), {
|
|
28498
28572
|
'has-value': this.hasValue,
|
|
28499
28573
|
}),
|
|
@@ -28502,7 +28576,7 @@ class KolInputDate extends BaseFormFieldWebComponent {
|
|
|
28502
28576
|
variant: this.getRenderProp('variant'),
|
|
28503
28577
|
required: this.getRenderProp('required'),
|
|
28504
28578
|
readOnly: this.getRenderProp('readOnly'),
|
|
28505
|
-
})), hAsync(InputContainerFC, { key: '
|
|
28579
|
+
})), hAsync(InputContainerFC, { key: 'ec098b2fce3052e7c6dfbe2962e4d36284766453', disabled: disabled, msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, hAsync(InputFC, Object.assign({ key: 'a0793a0f1bc8ecf86f7a997396657f13c4af04e3' }, this.getInputProps()))))));
|
|
28506
28580
|
}
|
|
28507
28581
|
get host() { return getElement(this); }
|
|
28508
28582
|
static get watchers() { return {
|
|
@@ -28956,7 +29030,7 @@ class BaseTextInputWebComponent extends BaseFormFieldWebComponent {
|
|
|
28956
29030
|
}
|
|
28957
29031
|
}
|
|
28958
29032
|
|
|
28959
|
-
const defaultStyleCss$u = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } }`;
|
|
29033
|
+
const defaultStyleCss$u = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } }`;
|
|
28960
29034
|
|
|
28961
29035
|
class KolInputEmail extends BaseTextInputWebComponent {
|
|
28962
29036
|
constructor(hostRef) {
|
|
@@ -29141,7 +29215,7 @@ class KolInputEmail extends BaseTextInputWebComponent {
|
|
|
29141
29215
|
}
|
|
29142
29216
|
render() {
|
|
29143
29217
|
const { startAdornment, endAdornment } = this.getTextInputAdornments();
|
|
29144
|
-
return (hAsync(Host, { key: '
|
|
29218
|
+
return (hAsync(Host, { key: '795196d75871ca9d3131b2c56538dabbf4d952ca' }, hAsync(FormFieldFC, Object.assign({ key: '9be9477c72ffd224e81d79842d62ddeb02f94928' }, this.getTextFormFieldProps('kol-input-email email')), hAsync(InputContainerFC, { key: '4c25d9ac124b96f6f47511d3e93d656a2d9a3717', disabled: this.getRenderProp('disabled'), msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, hAsync(InputFC, Object.assign({ key: 'ca42d2b5f36d18faae4ad1e6964da2b586d76f92' }, this.getTextInputProps({ multiple: this.getRenderProp('multiple'), suggestions: this.getRenderProp('suggestions') }, { type: 'email' })))))));
|
|
29145
29219
|
}
|
|
29146
29220
|
get host() { return getElement(this); }
|
|
29147
29221
|
static get watchers() { return {
|
|
@@ -29316,7 +29390,7 @@ const inputContainerBem = bem.forBlock('kol-input-container');
|
|
|
29316
29390
|
const BEM_CLASS_INPUT_CONTAINER__BUTTON = inputContainerBem('button');
|
|
29317
29391
|
const InputFileNameFC = ({ filename, hasFile }) => (hAsync("span", { class: inputContainerBem('filename', { 'has-file': hasFile }) }, filename));
|
|
29318
29392
|
|
|
29319
|
-
const defaultStyleCss$t = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-button__interactive-element::before { content: ""; } .kol-button__text { flex: 1 0 100%; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-input { opacity: 0; position: absolute; inset: 0; width: 100%; height: 100%; cursor: pointer; } .kol-input::-webkit-file-upload-button, .kol-input::file-selector-button { cursor: pointer; } .kol-input:disabled, .kol-input:disabled::-webkit-file-upload-button, .kol-input:disabled::file-selector-button { cursor: not-allowed; pointer-events: none; } .kol-input-container__container { display: flex; overflow: hidden; align-items: center; } .kol-input-container__button { height: auto; } .kol-input-container__filename { overflow: hidden; flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; } .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) { grid-template-columns: auto 1fr; } }`;
|
|
29393
|
+
const defaultStyleCss$t = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-button__interactive-element::before { content: ""; } .kol-button__text { flex: 1 0 100%; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-input { opacity: 0; position: absolute; inset: 0; width: 100%; height: 100%; cursor: pointer; } .kol-input::-webkit-file-upload-button, .kol-input::file-selector-button { cursor: pointer; } .kol-input:disabled, .kol-input:disabled::-webkit-file-upload-button, .kol-input:disabled::file-selector-button { cursor: not-allowed; pointer-events: none; } .kol-input-container__container { display: flex; overflow: hidden; align-items: center; } .kol-input-container__button { height: auto; } .kol-input-container__filename { overflow: hidden; flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; } .kol-input-container:has(> .kol-input-container__adornment--start):has(> .kol-input-container__adornment--end) { grid-template-columns: auto 1fr; } }`;
|
|
29320
29394
|
|
|
29321
29395
|
class KolInputFile extends BaseFormFieldWebComponent {
|
|
29322
29396
|
constructor(hostRef) {
|
|
@@ -29534,13 +29608,13 @@ class KolInputFile extends BaseFormFieldWebComponent {
|
|
|
29534
29608
|
icons: this.getRenderProp('icons'),
|
|
29535
29609
|
smartButton: this.getSmartButtonFcProps(this.getRenderProp('smartButton'), disabled),
|
|
29536
29610
|
});
|
|
29537
|
-
return (hAsync(Host, { key: '
|
|
29611
|
+
return (hAsync(Host, { key: '54be31014825f2d2d97f39d24127f886967fff40' }, hAsync(FormFieldFC, Object.assign({ key: 'e0f197e4780f25aeb15f2c0a18cd8892ca855846' }, this.getFormFieldProps({
|
|
29538
29612
|
class: 'kol-input-file file',
|
|
29539
29613
|
accessKey: this.getRenderProp('accessKey') || undefined,
|
|
29540
29614
|
shortKey: this.getRenderProp('shortKey') || undefined,
|
|
29541
29615
|
variant: this.getRenderProp('variant'),
|
|
29542
29616
|
required: this.getRenderProp('required'),
|
|
29543
|
-
})), hAsync(InputContainerFC, { key: '
|
|
29617
|
+
})), hAsync(InputContainerFC, { key: 'e6649ec54ab4978c11a5c453a5cf3768c2b92270', class: { 'kol-input-container--is-dragover': this.isDragover }, disabled: disabled, msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, hAsync(InputFileNameFC, { key: 'c9ae7fe1625913423f8e8cf1bb811b9e212cd9c1', filename: this.filename, hasFile: this.hasFileSelected }), hAsync(InputFC, Object.assign({ key: '677e3f8264929fe47efa1575a9354c52390b060c' }, this.getInputProps())), hAsync(ButtonFC, Object.assign({ key: 'ae542e4cd2348b336f14f1780ed60159493d6007' }, this.browseButton.getFcProps({ _label: this.translateDataBrowseText, _variant: 'primary', _disabled: disabled }, { class: BEM_CLASS_INPUT_CONTAINER__BUTTON })))))));
|
|
29544
29618
|
}
|
|
29545
29619
|
get host() { return getElement(this); }
|
|
29546
29620
|
static get watchers() { return {
|
|
@@ -29712,7 +29786,7 @@ const inputNumberPropsConfig = {
|
|
|
29712
29786
|
],
|
|
29713
29787
|
};
|
|
29714
29788
|
|
|
29715
|
-
const defaultStyleCss$s = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-input-number input { appearance: textfield; text-align: right; } .kol-input-number input::-webkit-inner-spin-button { display: none; } }`;
|
|
29789
|
+
const defaultStyleCss$s = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-input-number input { appearance: textfield; text-align: right; } .kol-input-number input::-webkit-inner-spin-button { display: none; } }`;
|
|
29716
29790
|
|
|
29717
29791
|
const STEP_BUTTON_CLASS = 'kol-input-number__step-button';
|
|
29718
29792
|
const isStepButton = (target) => { var _a; return ((_a = target === null || target === void 0 ? void 0 : target.classList) === null || _a === void 0 ? void 0 : _a.contains(STEP_BUTTON_CLASS)) === true; };
|
|
@@ -29969,7 +30043,7 @@ class KolInputNumber extends BaseFormFieldWebComponent {
|
|
|
29969
30043
|
startAdornment: this.renderStepButton('down'),
|
|
29970
30044
|
endAdornment: this.renderStepButton('up'),
|
|
29971
30045
|
});
|
|
29972
|
-
return (hAsync(Host, { key: '
|
|
30046
|
+
return (hAsync(Host, { key: '86cd435b1509468a5134de21e60196d051b0dc16' }, hAsync(FormFieldFC, Object.assign({ key: '138340449743f0ddcec05999c9a1504425c2ef0e' }, this.getFormFieldProps({
|
|
29973
30047
|
class: clsx('kol-input-number', 'number', {
|
|
29974
30048
|
'has-value': this.hasValue,
|
|
29975
30049
|
}),
|
|
@@ -29978,7 +30052,7 @@ class KolInputNumber extends BaseFormFieldWebComponent {
|
|
|
29978
30052
|
variant: this.getRenderProp('variant'),
|
|
29979
30053
|
required: this.getRenderProp('required'),
|
|
29980
30054
|
readOnly: this.getRenderProp('readOnly'),
|
|
29981
|
-
})), hAsync(InputContainerFC, { key: '
|
|
30055
|
+
})), hAsync(InputContainerFC, { key: 'f3ed84ef020d2480a7d75cc18cae19bd40b4be0d', disabled: disabled, msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, hAsync(InputFC, Object.assign({ key: 'b8125e4a0dcc330a4b40ec8ad45e195550b67ff4' }, this.getInputProps()))))));
|
|
29982
30056
|
}
|
|
29983
30057
|
get host() { return getElement(this); }
|
|
29984
30058
|
static get watchers() { return {
|
|
@@ -30122,7 +30196,7 @@ const inputPasswordPropsConfig = {
|
|
|
30122
30196
|
optional: [...textInputBasePropsConfig.optional, visibilityToggleProp],
|
|
30123
30197
|
};
|
|
30124
30198
|
|
|
30125
|
-
const defaultStyleCss$r = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-input-password { --kol-tooltip-width: calc(160 * 1rem / var(--kolibri-root-font-size, 16)); } }`;
|
|
30199
|
+
const defaultStyleCss$r = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-input-password { --kol-tooltip-width: calc(160 * 1rem / var(--kolibri-root-font-size, 16)); } }`;
|
|
30126
30200
|
|
|
30127
30201
|
class KolInputPassword extends BaseTextInputWebComponent {
|
|
30128
30202
|
constructor(hostRef) {
|
|
@@ -30334,7 +30408,7 @@ class KolInputPassword extends BaseTextInputWebComponent {
|
|
|
30334
30408
|
}
|
|
30335
30409
|
render() {
|
|
30336
30410
|
const { startAdornment, endAdornment } = this.getTextInputAdornments(this.getVisibilityToggle());
|
|
30337
|
-
return (hAsync(Host, { key: '
|
|
30411
|
+
return (hAsync(Host, { key: '5816f43f2a71c962882c4f67ffa580ac7eb1822e' }, hAsync(FormFieldFC, Object.assign({ key: '32dacc9466c01138d1631e45b47f93d65f014530' }, this.getTextFormFieldProps('kol-input-password password')), hAsync(InputContainerFC, { key: '59bfeb6f579d1d4e33dfaa40011143b09b59d558', disabled: this.getRenderProp('disabled'), msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, hAsync(InputFC, Object.assign({ key: '275bea4c68dcf80a02edb07fcc97ae03a6c1e051' }, this.getTextInputProps({}, { type: this.getRenderProp('visibilityToggle') && this.passwordVisible ? 'text' : 'password' })))))));
|
|
30338
30412
|
}
|
|
30339
30413
|
get host() { return getElement(this); }
|
|
30340
30414
|
static get watchers() { return {
|
|
@@ -30511,7 +30585,7 @@ const inputRadioPropsConfig = {
|
|
|
30511
30585
|
optional: [...formFieldBasePropsConfig.optional, radioOptionsProp, radioOrientationProp, radioValueProp, requiredProp, variantProp],
|
|
30512
30586
|
};
|
|
30513
30587
|
|
|
30514
|
-
const defaultStyleCss$q = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-field-control { display: grid; min-height: var(--a11y-min-size); align-items: center; justify-content: left; grid-template-areas: "input label"; grid-template-columns: auto 1fr; grid-template-rows: auto; } .kol-field-control:has(.kol-field-control__hint) { grid-template-areas: "input label" "hint hint"; grid-template-columns: auto 1fr; grid-template-rows: auto auto; } .kol-field-control--label-align-left:not(.kol-field-control--hide-label) { grid-template-areas: "label input"; grid-template-columns: 1fr auto; grid-template-rows: auto; } .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) { grid-template-areas: "label input" "hint hint"; grid-template-columns: 1fr auto; grid-template-rows: auto auto; } .kol-field-control__input { display: flex; min-height: var(--a11y-min-size); align-items: center; grid-area: input; } .kol-field-control__label { display: flex; min-height: var(--a11y-min-size); flex-grow: 1; align-items: center; cursor: pointer; grid-area: label; } .kol-field-control__label--visually-hidden { display: none; height: 0; margin: 0; padding: 0; visibility: hidden; } .kol-field-control__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-field-control__hint { grid-area: hint; } .kol-field-control--disabled .kol-field-control__label { cursor: not-allowed; } .kol-field-control--required .kol-field-control__label-text:has(.kol-span__slot[hidden])::after, .kol-field-control--required .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-form-field { --border-width: 2px; --input-size: 1.5em; } .kol-form-field__label { display: contents; } .kol-form-field__label-text { display: ruby; } .kol-form-field__input { display: flex; flex-direction: column; } .kol-form-field__input--orientation-horizontal { flex-direction: row; flex-wrap: wrap; align-items: flex-start; } .kol-form-field--disabled { opacity: unset; } .kol-input-radio { display: flex; position: relative; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; cursor: pointer; } .kol-input-radio__input { border-style: solid; border-radius: 100%; display: flex; width: var(--input-size); min-width: var(--input-size); height: var(--input-size); min-height: var(--input-size); margin: 0; padding: 0; border-width: var(--border-width); appearance: none; cursor: pointer; } .kol-input-radio__input:before { border-radius: 100%; width: calc(var(--input-size) / 2); height: calc(var(--input-size) / 2); margin: auto; content: ""; } .kol-input-radio__input:checked:before { background-color: black; } @media (forced-colors: active) { .kol-input-radio__input:checked:before { background-color: selectedItem !important; } } .kol-input-radio__input:disabled { cursor: not-allowed; } .kol-input-radio--disabled { cursor: not-allowed; } }`;
|
|
30588
|
+
const defaultStyleCss$q = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-field-control { display: grid; min-height: var(--a11y-min-size); align-items: center; justify-content: left; grid-template-areas: "input label"; grid-template-columns: auto 1fr; grid-template-rows: auto; } .kol-field-control:has(.kol-field-control__hint) { grid-template-areas: "input label" "hint hint"; grid-template-columns: auto 1fr; grid-template-rows: auto auto; } .kol-field-control--label-align-left:not(.kol-field-control--hide-label) { grid-template-areas: "label input"; grid-template-columns: 1fr auto; grid-template-rows: auto; } .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) { grid-template-areas: "label input" "hint hint"; grid-template-columns: 1fr auto; grid-template-rows: auto auto; } .kol-field-control__input { display: flex; min-height: var(--a11y-min-size); align-items: center; grid-area: input; } .kol-field-control__label { display: flex; min-height: var(--a11y-min-size); flex-grow: 1; align-items: center; cursor: pointer; grid-area: label; } .kol-field-control__label--visually-hidden { display: none; height: 0; margin: 0; padding: 0; visibility: hidden; } .kol-field-control__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-field-control__hint { grid-area: hint; } .kol-field-control--disabled .kol-field-control__label { cursor: not-allowed; } .kol-field-control--required .kol-field-control__label-text:has(.kol-span__slot[hidden])::after, .kol-field-control--required .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-form-field { --border-width: 2px; --input-size: 1.5em; } .kol-form-field__label { display: contents; } .kol-form-field__label-text { display: ruby; } .kol-form-field__input { display: flex; flex-direction: column; } .kol-form-field__input--orientation-horizontal { flex-direction: row; flex-wrap: wrap; align-items: flex-start; } .kol-form-field--disabled { opacity: unset; } .kol-input-radio { display: flex; position: relative; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; cursor: pointer; } .kol-input-radio__input { border-style: solid; border-radius: 100%; display: flex; width: var(--input-size); min-width: var(--input-size); height: var(--input-size); min-height: var(--input-size); margin: 0; padding: 0; border-width: var(--border-width); appearance: none; cursor: pointer; } .kol-input-radio__input:before { border-radius: 100%; width: calc(var(--input-size) / 2); height: calc(var(--input-size) / 2); margin: auto; content: ""; } .kol-input-radio__input:checked:before { background-color: black; } @media (forced-colors: active) { .kol-input-radio__input:checked:before { background-color: selectedItem !important; } } .kol-input-radio__input:disabled { cursor: not-allowed; } .kol-input-radio--disabled { cursor: not-allowed; } }`;
|
|
30515
30589
|
|
|
30516
30590
|
class KolInputRadio extends BaseFormFieldWebComponent {
|
|
30517
30591
|
constructor(hostRef) {
|
|
@@ -30771,7 +30845,7 @@ class KolInputRadio extends BaseFormFieldWebComponent {
|
|
|
30771
30845
|
}
|
|
30772
30846
|
render() {
|
|
30773
30847
|
const { ariaDescribedBy } = this.getAria();
|
|
30774
|
-
return (hAsync(Host, { key: '
|
|
30848
|
+
return (hAsync(Host, { key: '5742f3de38fb7d91196e591fa0a253d8b06b49da' }, hAsync(FormFieldFC, Object.assign({ key: '039352572e9b706785a98dcd7390b3e0c27b8168' }, this.getFormFieldProps({
|
|
30775
30849
|
class: 'kol-form-field--radio',
|
|
30776
30850
|
required: this.getRenderProp('required'),
|
|
30777
30851
|
variant: this.getRenderProp('variant'),
|
|
@@ -30896,7 +30970,7 @@ const BEM_CLASS_INPUT_RANGE__INPUT_RANGE = inputRangeBem('input', { range: true
|
|
|
30896
30970
|
const BEM_CLASS_INPUT_RANGE__INPUTS_WRAPPER = inputRangeBem('inputs-wrapper');
|
|
30897
30971
|
const InputRangeInputsFC = ({ max, min }, children) => (hAsync("div", { class: BEM_CLASS_INPUT_RANGE__INPUTS_WRAPPER, style: { '--kolibri-input-range--input-number--width': `calc(${Math.max(String(max !== null && max !== void 0 ? max : 100).length, String(min !== null && min !== void 0 ? min : 0).length, 4)}ch + 2em)` } }, children));
|
|
30898
30972
|
|
|
30899
|
-
const defaultStyleCss$p = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-input-range__inputs-wrapper { display: flex; flex-grow: 1; flex-direction: row; flex-wrap: wrap; align-items: center; } .kol-input-range__input--number { width: var(--kolibri-input-range--input-number--width); text-align: right; } .kol-input-range__input--range { background-color: white; display: inline-block; width: 0; min-width: calc(128 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); margin: 0; padding: 0; flex-grow: 1; line-height: 1.5; appearance: none; border: 1px solid black; } .kol-input-range__input:not(:disabled).kol-input-range__input--range::-webkit-slider-thumb { cursor: pointer; } .kol-input-range__input--range::-webkit-slider-thumb { background-color: black; border-radius: 20px; width: calc(20 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(20 * 1rem / var(--kolibri-root-font-size, 16)); -webkit-appearance: none; } @media (prefers-contrast: more) or (forced-colors: active) { .kol-input-range__input--range::-webkit-slider-thumb { outline: 1px solid currentColor; } } .kol-input-range__input:not(:disabled).kol-input-range__input--range::-moz-range-thumb { cursor: pointer; } .kol-input-range__input--range::-moz-range-thumb { background-color: black; border-radius: 20px; width: calc(20 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(20 * 1rem / var(--kolibri-root-font-size, 16)); -moz-appearance: none; } }`;
|
|
30973
|
+
const defaultStyleCss$p = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-input-range__inputs-wrapper { display: flex; flex-grow: 1; flex-direction: row; flex-wrap: wrap; align-items: center; } .kol-input-range__input--number { width: var(--kolibri-input-range--input-number--width); text-align: right; } .kol-input-range__input--range { background-color: white; display: inline-block; width: 0; min-width: calc(128 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); margin: 0; padding: 0; flex-grow: 1; line-height: 1.5; appearance: none; border: 1px solid black; } .kol-input-range__input:not(:disabled).kol-input-range__input--range::-webkit-slider-thumb { cursor: pointer; } .kol-input-range__input--range::-webkit-slider-thumb { background-color: black; border-radius: 20px; width: calc(20 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(20 * 1rem / var(--kolibri-root-font-size, 16)); -webkit-appearance: none; } @media (prefers-contrast: more) or (forced-colors: active) { .kol-input-range__input--range::-webkit-slider-thumb { outline: 1px solid currentColor; } } .kol-input-range__input:not(:disabled).kol-input-range__input--range::-moz-range-thumb { cursor: pointer; } .kol-input-range__input--range::-moz-range-thumb { background-color: black; border-radius: 20px; width: calc(20 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(20 * 1rem / var(--kolibri-root-font-size, 16)); -moz-appearance: none; } }`;
|
|
30900
30974
|
|
|
30901
30975
|
class KolInputRange extends BaseFormFieldWebComponent {
|
|
30902
30976
|
constructor(hostRef) {
|
|
@@ -31108,12 +31182,12 @@ class KolInputRange extends BaseFormFieldWebComponent {
|
|
|
31108
31182
|
const { ariaDescribedBy, hasError } = this.getAria();
|
|
31109
31183
|
const ariaInvalid = hasError ? 'true' : undefined;
|
|
31110
31184
|
const { startAdornment, endAdornment } = getInputAdornments({ icons: this.getRenderProp('icons') });
|
|
31111
|
-
return (hAsync(Host, { key: '
|
|
31185
|
+
return (hAsync(Host, { key: '4ab4ad967d53110ce6487dcd263f9745e6a02b15' }, hAsync(FormFieldFC, Object.assign({ key: 'c37e9683aa00f8d3eedb4ee72683bc20d1b9711c' }, this.getFormFieldProps({
|
|
31112
31186
|
class: 'kol-input-range range',
|
|
31113
31187
|
accessKey: this.getRenderProp('accessKey') || undefined,
|
|
31114
31188
|
shortKey: this.getRenderProp('shortKey') || undefined,
|
|
31115
31189
|
variant: this.getRenderProp('variant'),
|
|
31116
|
-
})), hAsync(InputContainerFC, { key: '
|
|
31190
|
+
})), hAsync(InputContainerFC, { key: 'f56ec0f79f8f846a577982d035d5217b14d360be', disabled: disabled, msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, hAsync(InputRangeInputsFC, { key: 'cba2e0426592607ab4afd33099a5c624ff387a8d', max: max, min: min }, hAsync(InputFC, Object.assign({ key: '8cfd5dafe3c8560a8c84e7c2a752dc5007e6a3b2' }, shared, { class: BEM_CLASS_INPUT_RANGE__INPUT_RANGE, name: name ? `${name}-range` : undefined, list: list, type: "range", tabIndex: -1, id: undefined, accessKey: undefined, "aria-hidden": "true", ref: this.setRangeRef, ariaDescribedBy: ariaDescribedBy, "aria-invalid": ariaInvalid })), hAsync(InputFC, Object.assign({ key: '105d0e56f624be4243d456fb59877755c75510fb' }, shared, { class: BEM_CLASS_INPUT_RANGE__INPUT_NUMBER, name: name ? `${name}-number` : undefined, list: list, type: "number", ref: this.ctaRef, onKeyDown: this.handleNumberKeyDown, ariaDescribedBy: ariaDescribedBy, "aria-invalid": ariaInvalid }))), hasSuggestions && hAsync(SuggestionsFC, { key: '61f595d88f283ce38396b3eb9ecc9ff2ca22eb85', id: this.id, suggestions: suggestions })))));
|
|
31117
31191
|
}
|
|
31118
31192
|
get host() { return getElement(this); }
|
|
31119
31193
|
static get watchers() { return {
|
|
@@ -31241,7 +31315,7 @@ const inputTextPropsConfig = {
|
|
|
31241
31315
|
optional: [...textInputBasePropsConfig.optional, inputTextTypeProp, spellCheckProp, suggestionsProp],
|
|
31242
31316
|
};
|
|
31243
31317
|
|
|
31244
|
-
const defaultStyleCss$o = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } input[type=search]::-webkit-search-cancel-button { display: none; } .kol-input-text__clear-button--hidden { display: none; } }`;
|
|
31318
|
+
const defaultStyleCss$o = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } input[type=search]::-webkit-search-cancel-button { display: none; } .kol-input-text__clear-button--hidden { display: none; } }`;
|
|
31245
31319
|
|
|
31246
31320
|
class KolInputText extends BaseTextInputWebComponent {
|
|
31247
31321
|
constructor(hostRef) {
|
|
@@ -31500,7 +31574,7 @@ class KolInputText extends BaseTextInputWebComponent {
|
|
|
31500
31574
|
render() {
|
|
31501
31575
|
const type = this.getRenderProp('type');
|
|
31502
31576
|
const { startAdornment, endAdornment } = this.getTextInputAdornments(this.getClearButton());
|
|
31503
|
-
return (hAsync(Host, { key: '
|
|
31577
|
+
return (hAsync(Host, { key: '2f0cf3c8a2cb328df79e3fc7c8a3f91a18bed086' }, hAsync(FormFieldFC, Object.assign({ key: '1343e2f091b5a020979bea794db49a48e02581a6' }, this.getTextFormFieldProps(`kol-input-text ${type}`)), hAsync(InputContainerFC, { key: 'f95bedf779b2115fa4609df51b5b52e4a8e1b8f5', disabled: this.getRenderProp('disabled'), msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, hAsync(InputFC, Object.assign({ key: '93e7bec2927035216c5ff7c7f1e6c885f0846c01' }, this.getTextInputProps({ type, spellcheck: this.getRenderProp('spellCheck'), suggestions: this.getRenderProp('suggestions') })))))));
|
|
31504
31578
|
}
|
|
31505
31579
|
get host() { return getElement(this); }
|
|
31506
31580
|
static get watchers() { return {
|
|
@@ -31689,7 +31763,7 @@ class KolKolibri extends BaseWebComponent {
|
|
|
31689
31763
|
this.watchLabeled(this._labeled);
|
|
31690
31764
|
}
|
|
31691
31765
|
render() {
|
|
31692
|
-
return (hAsync(Host, { key: '
|
|
31766
|
+
return (hAsync(Host, { key: '2f21f5b12914091450b0fd32b4df7dec2dd0e679' }, hAsync(KolibriFC, { key: '0af69cde92c176c5b2aa5d7e74dbfe2f0fc70e68', ariaLabel: this.translateKolibriLogo, color: this.getRenderProp('color'), labeled: this.getRenderProp('labeled') })));
|
|
31693
31767
|
}
|
|
31694
31768
|
static get watchers() { return {
|
|
31695
31769
|
"_color": [{
|
|
@@ -31852,7 +31926,7 @@ class BaseLinkWebComponent extends BaseWebComponent {
|
|
|
31852
31926
|
}
|
|
31853
31927
|
}
|
|
31854
31928
|
|
|
31855
|
-
const defaultStyleCss$m = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
31929
|
+
const defaultStyleCss$m = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-link { display: inline-flex; max-width: fit-content; } .kol-link--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: stretch; } .kol-link--standalone .kol-link__interactive-element { align-items: stretch; } .kol-link--standalone .kol-link__text { display: inline-flex; flex: 1 1 100%; place-items: center; } .kol-link__interactive-element { display: inline-flex; flex: 1; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-link__interactive-element:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link__interactive-element:hover:not([aria-disabled], [disabled]) .kol-span__label { text-decoration-thickness: 0.2em; } .kol-link .kol-span__label { text-decoration-line: underline; } .kol-link__icon { display: inline-flex; } }`;
|
|
31856
31930
|
|
|
31857
31931
|
class KolLink extends BaseLinkWebComponent {
|
|
31858
31932
|
constructor(hostRef) {
|
|
@@ -31961,7 +32035,7 @@ class KolLink extends BaseLinkWebComponent {
|
|
|
31961
32035
|
this.destroyLinkBehaviors();
|
|
31962
32036
|
}
|
|
31963
32037
|
render() {
|
|
31964
|
-
return hAsync(Host, { key: '
|
|
32038
|
+
return hAsync(Host, { key: 'b764c0f6a32959078e64b0e9e7a825144430efee' }, this.renderLinkFC());
|
|
31965
32039
|
}
|
|
31966
32040
|
get host() { return getElement(this); }
|
|
31967
32041
|
static get watchers() { return {
|
|
@@ -32055,7 +32129,7 @@ __decorate([
|
|
|
32055
32129
|
delegateFocus('ctaRef')
|
|
32056
32130
|
], KolLink.prototype, "focus", null);
|
|
32057
32131
|
|
|
32058
|
-
const defaultStyleCss$l = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
32132
|
+
const defaultStyleCss$l = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-link { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-link__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-link__interactive-element::before { content: ""; } .kol-link__text { flex: 1 0 100%; } .kol-link { } .kol-link__tooltip { height: 0; } .kol-link--external-link > .kolicon-link-external::before { content: none; } .kol-link--external-link .kol-link__interactive-element > .kolicon-link-external::before { content: none; } }`;
|
|
32059
32133
|
|
|
32060
32134
|
class KolLinkButton extends BaseLinkWebComponent {
|
|
32061
32135
|
constructor(hostRef) {
|
|
@@ -32171,7 +32245,7 @@ class KolLinkButton extends BaseLinkWebComponent {
|
|
|
32171
32245
|
this.destroyLinkBehaviors();
|
|
32172
32246
|
}
|
|
32173
32247
|
render() {
|
|
32174
|
-
return hAsync(Host, { key: '
|
|
32248
|
+
return hAsync(Host, { key: '5a34cb0dc2928101bc65ee844e37b33156eacd19' }, this.renderLinkFC());
|
|
32175
32249
|
}
|
|
32176
32250
|
get host() { return getElement(this); }
|
|
32177
32251
|
static get watchers() { return {
|
|
@@ -32425,7 +32499,7 @@ class KolMeter extends BaseWebComponent {
|
|
|
32425
32499
|
this.watchValue(this._value);
|
|
32426
32500
|
}
|
|
32427
32501
|
render() {
|
|
32428
|
-
return (hAsync(Host, { key: '
|
|
32502
|
+
return (hAsync(Host, { key: '0073699ca69743127bf0a17ef57c85066f410f9e' }, hAsync(MeterFC, { key: '323779f98766d9e7b9359c2ee061170a12dd63af', high: this.getRenderProp('high'), label: this.getRenderProp('label'), low: this.getRenderProp('low'), max: this.getRenderProp('max'), min: this.getRenderProp('min'), optimum: this.getRenderProp('optimum'), orientation: this.getRenderProp('orientation'), unit: this.getRenderProp('unit'), value: this.getRenderProp('value') })));
|
|
32429
32503
|
}
|
|
32430
32504
|
static get watchers() { return {
|
|
32431
32505
|
"_high": [{
|
|
@@ -32479,7 +32553,7 @@ class KolMeter extends BaseWebComponent {
|
|
|
32479
32553
|
}; }
|
|
32480
32554
|
}
|
|
32481
32555
|
|
|
32482
|
-
const defaultStyleCss$j = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card :host { display: inline-block; } .kol-card .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-card .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-card .kol-button__interactive-element::before { content: ""; } .kol-card .kol-button__text { flex: 1 0 100%; } .kol-card .kol-button { } .kol-card .kol-button__tooltip { height: 0; } .kol-card .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-card .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: grid; height: 100%; overflow: visible; grid-template-areas: "header close" "content content"; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; } .kol-card__header { align-self: start; grid-area: header; } .kol-card__content { align-self: stretch; grid-area: content; } .kol-card__close-button { grid-area: close; } .kol-card:has(.kol-card__link) { position: relative; } .kol-card__link::after { position: absolute; inset: 0; content: ""; cursor: pointer; } .kol-dialog, .kol-modal { min-height: var(--a11y-min-size); padding: 0; border: 0; overscroll-behavior: contain; } .kol-dialog__close-button, .kol-modal__close-button { position: absolute; top: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); right: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; } }`;
|
|
32556
|
+
const defaultStyleCss$j = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card :host { display: inline-block; } .kol-card .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-card .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-card .kol-button__interactive-element::before { content: ""; } .kol-card .kol-button__text { flex: 1 0 100%; } .kol-card .kol-button { } .kol-card .kol-button__tooltip { height: 0; } .kol-card .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-card .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: grid; height: 100%; overflow: visible; grid-template-areas: "header close" "content content"; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; } .kol-card__header { align-self: start; grid-area: header; } .kol-card__content { align-self: stretch; grid-area: content; } .kol-card__close-button { grid-area: close; } .kol-card:has(.kol-card__link) { position: relative; } .kol-card__link::after { position: absolute; inset: 0; content: ""; cursor: pointer; } .kol-dialog, .kol-modal { min-height: var(--a11y-min-size); padding: 0; border: 0; overscroll-behavior: contain; } .kol-dialog__close-button, .kol-modal__close-button { position: absolute; top: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); right: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; } }`;
|
|
32483
32557
|
|
|
32484
32558
|
class KolModal extends BaseDialogWebComponent {
|
|
32485
32559
|
constructor(hostRef) {
|
|
@@ -32538,7 +32612,7 @@ class KolModal extends BaseDialogWebComponent {
|
|
|
32538
32612
|
return hAsync("slot", null);
|
|
32539
32613
|
}
|
|
32540
32614
|
render() {
|
|
32541
|
-
return hAsync(Host, { key: '
|
|
32615
|
+
return hAsync(Host, { key: '3b508959b8e42f3bfd756a72c24746772e4e2103' }, this.renderDialogFC());
|
|
32542
32616
|
}
|
|
32543
32617
|
get host() { return getElement(this); }
|
|
32544
32618
|
static get watchers() { return {
|
|
@@ -32831,7 +32905,7 @@ const NavFC = (props) => {
|
|
|
32831
32905
|
}))))))));
|
|
32832
32906
|
};
|
|
32833
32907
|
|
|
32834
|
-
const defaultStyleCss$i = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
32908
|
+
const defaultStyleCss$i = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-nav { display: grid; place-items: center; } .kol-nav:not(.kol-nav--is-compact) .kol-nav__navigation { width: 100%; } .kol-nav__navigation .kol-span { width: 100%; justify-content: flex-start; } .kol-nav__navigation .kol-span__container { width: 100%; } .kol-nav__navigation .kol-span__container .kol-span__label { flex: 1; } .kol-nav__list { display: flex; margin: 0; padding: 0; flex-direction: column; list-style: none; } .kol-nav__entry-wrapper { display: flex; } .kol-nav__entry { flex-grow: 1; } .kol-button { text-align: left; } }`;
|
|
32835
32909
|
|
|
32836
32910
|
class KolNav extends BaseWebComponent {
|
|
32837
32911
|
constructor(hostRef) {
|
|
@@ -32909,7 +32983,7 @@ class KolNav extends BaseWebComponent {
|
|
|
32909
32983
|
render() {
|
|
32910
32984
|
this.buttonItems.beginRender();
|
|
32911
32985
|
this.linkItems.beginRender();
|
|
32912
|
-
return (hAsync(Host, { key: '
|
|
32986
|
+
return (hAsync(Host, { key: '86c5d3dc09a42079ce7f2f73734eb8dee350a076' }, hAsync(NavFC, { key: '398a4b1824aa6b7a80b5322ac3cf3d85f074a460', collapsible: this.getRenderProp('collapsible'), compact: this.compact, expandedChildren: this.expandedChildren, getButtonFcProps: this.getButtonFcProps, getLinkFcProps: this.getLinkFcProps, handleToggleCompact: this.handleToggleCompact, handleToggleExpansion: this.handleToggleExpansion, hasCompactButton: this.getRenderProp('hasCompactButton'), hasIconsWhenExpanded: this.getRenderProp('hasIconsWhenExpanded'), label: this.getRenderProp('label'), links: this.getRenderProp('links'), listId: this.listId, navId: this.navId })));
|
|
32913
32987
|
}
|
|
32914
32988
|
get host() { return getElement(this); }
|
|
32915
32989
|
static get watchers() { return {
|
|
@@ -32955,8 +33029,8 @@ class KolNav extends BaseWebComponent {
|
|
|
32955
33029
|
}
|
|
32956
33030
|
|
|
32957
33031
|
const paginationPropsConfig = {
|
|
32958
|
-
required: [
|
|
32959
|
-
optional: [boundaryCountProp, customClassProp, pageSizeOptionsProp, pageSizeProp, paginationHasButtonsProp, siblingCountProp, tooltipAlignProp],
|
|
33032
|
+
required: [pageProp, paginationCallbacksProp, paginationMaxProp],
|
|
33033
|
+
optional: [boundaryCountProp, customClassProp, labelProp, pageSizeOptionsProp, pageSizeProp, paginationHasButtonsProp, siblingCountProp, tooltipAlignProp],
|
|
32960
33034
|
};
|
|
32961
33035
|
|
|
32962
33036
|
const getPageCount = (max, pageSize = 1) => Math.ceil(max / pageSize);
|
|
@@ -33413,11 +33487,11 @@ const createPaginationItem = (options) => {
|
|
|
33413
33487
|
syncPage(store.get('page'), resolved, store.get('max'));
|
|
33414
33488
|
});
|
|
33415
33489
|
};
|
|
33416
|
-
const applyLabel = (value, initial
|
|
33490
|
+
const applyLabel = (value, initial) => {
|
|
33417
33491
|
if (!initial) {
|
|
33418
33492
|
removeNavLabel(store.get('label'));
|
|
33419
33493
|
}
|
|
33420
|
-
labelProp.apply(value
|
|
33494
|
+
labelProp.apply(value !== null && value !== void 0 ? value : translatePagination, (v) => store.set('label', v));
|
|
33421
33495
|
addNavLabel(store.get('label'));
|
|
33422
33496
|
};
|
|
33423
33497
|
const handlePageClick = (event, page) => {
|
|
@@ -33458,7 +33532,7 @@ const createPaginationItem = (options) => {
|
|
|
33458
33532
|
applyBoundaryCount: (value) => boundaryCountProp.apply(value, (v) => store.set('boundaryCount', v)),
|
|
33459
33533
|
applyCustomClass: (value) => customClassProp.apply(value, (v) => store.set('customClass', v)),
|
|
33460
33534
|
applyHasButtons: (value) => paginationHasButtonsProp.apply(value, (v) => store.set('hasButtons', Object.assign(Object.assign({}, store.get('hasButtons')), v))),
|
|
33461
|
-
applyLabel: (value
|
|
33535
|
+
applyLabel: (value) => applyLabel(value, false),
|
|
33462
33536
|
applyMax: (value) => {
|
|
33463
33537
|
if (value === undefined || value === null) {
|
|
33464
33538
|
return;
|
|
@@ -33566,7 +33640,7 @@ const createPaginationItem = (options) => {
|
|
|
33566
33640
|
return item;
|
|
33567
33641
|
};
|
|
33568
33642
|
|
|
33569
|
-
const defaultStyleCss$h = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { :host { display: block; } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-select { background-color: transparent; width: 100%; padding: 0; } .kol-select:not(:disabled) { cursor: pointer; } .kol-select:not([multiple], [size]) { height: 2.75em; } .kol-select[multiple][size="1"] { height: 2.75em; } .kol-select__option:checked::before { content: "✓ "; } .kol-select[multiple] option { display: flex; min-height: var(--a11y-min-size); align-items: center; } .kol-select[multiple][size="1"] option::checkmark { height: 100%; } .kol-select[multiple][size="1"] option:checked::before { display: none; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; container: paging/inline-size; } .kol-pagination__navigation-list { display: inline-flex; margin: 0; padding: 0; flex-wrap: wrap; align-items: center; list-style: none; } .kol-pagination__separator:before { content: "•••"; } .kol-pagination__page-size-select .kol-form-field-select { align-items: center; grid-template-columns: 1fr max-content; } @container paging (width < 600px) { .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__button--numbers), .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__separator) { display: none; } } }`;
|
|
33643
|
+
const defaultStyleCss$h = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { :host { display: block; } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-select { background-color: transparent; width: 100%; padding: 0; } .kol-select:not(:disabled) { cursor: pointer; } .kol-select:not([multiple], [size]) { height: 2.75em; } .kol-select[multiple][size="1"] { height: 2.75em; } .kol-select__option:checked::before { content: "✓ "; } .kol-select[multiple] option { display: flex; min-height: var(--a11y-min-size); align-items: center; } .kol-select[multiple][size="1"] option::checkmark { height: 100%; } .kol-select[multiple][size="1"] option:checked::before { display: none; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; container: paging/inline-size; } .kol-pagination__navigation-list { display: inline-flex; margin: 0; padding: 0; flex-wrap: wrap; align-items: center; list-style: none; } .kol-pagination__separator:before { content: "•••"; } .kol-pagination__page-size-select .kol-form-field-select { align-items: center; grid-template-columns: 1fr max-content; } @container paging (width < 600px) { .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__button--numbers), .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__separator) { display: none; } } }`;
|
|
33570
33644
|
|
|
33571
33645
|
class KolPagination extends BaseWebComponent {
|
|
33572
33646
|
constructor(hostRef) {
|
|
@@ -33576,6 +33650,7 @@ class KolPagination extends BaseWebComponent {
|
|
|
33576
33650
|
this.propsConfig = paginationPropsConfig;
|
|
33577
33651
|
this._boundaryCount = 1;
|
|
33578
33652
|
this._customClass = undefined;
|
|
33653
|
+
this._label = undefined;
|
|
33579
33654
|
this._hasButtons = true;
|
|
33580
33655
|
this._pageSize = 1;
|
|
33581
33656
|
this._pageSizeOptions = [];
|
|
@@ -33589,7 +33664,7 @@ class KolPagination extends BaseWebComponent {
|
|
|
33589
33664
|
this.item.applyCustomClass(value);
|
|
33590
33665
|
}
|
|
33591
33666
|
watchLabel(value) {
|
|
33592
|
-
this.item.applyLabel(value
|
|
33667
|
+
this.item.applyLabel(value);
|
|
33593
33668
|
}
|
|
33594
33669
|
watchHasButtons(value) {
|
|
33595
33670
|
this.item.applyHasButtons(value);
|
|
@@ -33631,6 +33706,7 @@ class KolPagination extends BaseWebComponent {
|
|
|
33631
33706
|
boundaryCount: this._boundaryCount,
|
|
33632
33707
|
customClass: this._customClass,
|
|
33633
33708
|
hasButtons: this._hasButtons,
|
|
33709
|
+
label: this._label,
|
|
33634
33710
|
max: this._max,
|
|
33635
33711
|
on: this._on,
|
|
33636
33712
|
page: this._page,
|
|
@@ -33639,7 +33715,6 @@ class KolPagination extends BaseWebComponent {
|
|
|
33639
33715
|
siblingCount: this._siblingCount,
|
|
33640
33716
|
tooltipAlign: this._tooltipAlign,
|
|
33641
33717
|
});
|
|
33642
|
-
this.item.applyLabel(this._label, this.isRequired('label'));
|
|
33643
33718
|
}
|
|
33644
33719
|
componentDidRender() {
|
|
33645
33720
|
this.item.sync();
|
|
@@ -33648,7 +33723,7 @@ class KolPagination extends BaseWebComponent {
|
|
|
33648
33723
|
this.item.destroy();
|
|
33649
33724
|
}
|
|
33650
33725
|
render() {
|
|
33651
|
-
return (hAsync(Host, { key: '
|
|
33726
|
+
return (hAsync(Host, { key: 'e41029888777e0eeb9d96b1d70f64e02e50bcd30' }, hAsync(PaginationFC, Object.assign({ key: 'b37a3584bed65ed9ce30e9c7ceae9189117487db' }, this.item.getFcProps()))));
|
|
33652
33727
|
}
|
|
33653
33728
|
get host() { return getElement(this); }
|
|
33654
33729
|
static get watchers() { return {
|
|
@@ -33772,7 +33847,7 @@ class BasePopoverButtonWebComponent extends BaseButtonWebComponent {
|
|
|
33772
33847
|
}
|
|
33773
33848
|
}
|
|
33774
33849
|
|
|
33775
|
-
const defaultStyleCss$g = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
33850
|
+
const defaultStyleCss$g = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-button__interactive-element::before { content: ""; } .kol-button__text { flex: 1 0 100%; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-popover-button { display: inline; } .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-popover-button--inline { display: inline-block; } .kol-popover-button--inline .kol-button, .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } }`;
|
|
33776
33851
|
|
|
33777
33852
|
class KolPopoverButton extends BasePopoverButtonWebComponent {
|
|
33778
33853
|
constructor(hostRef) {
|
|
@@ -33893,7 +33968,7 @@ class KolPopoverButton extends BasePopoverButtonWebComponent {
|
|
|
33893
33968
|
this.destroyPopover();
|
|
33894
33969
|
}
|
|
33895
33970
|
render() {
|
|
33896
|
-
return hAsync(Host, { key: '
|
|
33971
|
+
return hAsync(Host, { key: '291c2254c1443a9d058b89019a13dc3a7cf0deb0' }, this.renderPopoverButtonFC());
|
|
33897
33972
|
}
|
|
33898
33973
|
get host() { return getElement(this); }
|
|
33899
33974
|
static get watchers() { return {
|
|
@@ -34084,7 +34159,7 @@ class KolProgress extends BaseWebComponent {
|
|
|
34084
34159
|
}, 5000);
|
|
34085
34160
|
}
|
|
34086
34161
|
render() {
|
|
34087
|
-
return (hAsync(Host, { key: '
|
|
34162
|
+
return (hAsync(Host, { key: '26d4c032458d9009b327dc0d12341ad78ff18d57' }, hAsync(ProgressFC, { key: '4d695ee4b9861dbed1c56fc83ba290fb8477ac00', label: this.getRenderProp('label'), max: this.getRenderProp('max'), unit: this.getRenderProp('unit'), value: this.getRenderProp('value'), variant: this.getRenderProp('variant'), liveValue: this.liveValue })));
|
|
34088
34163
|
}
|
|
34089
34164
|
static get watchers() { return {
|
|
34090
34165
|
"_label": [{
|
|
@@ -34169,7 +34244,7 @@ class KolQuote extends BaseWebComponent {
|
|
|
34169
34244
|
variantQuoteProp.apply(this._variant, (v) => this.setRenderProp('variant', v));
|
|
34170
34245
|
}
|
|
34171
34246
|
render() {
|
|
34172
|
-
return (hAsync(Host, { key: '
|
|
34247
|
+
return (hAsync(Host, { key: 'e1a601ff1b330ed244707bc3d6acd12577c8522e' }, hAsync(QuoteFC, { key: '1aba9fe71abcd41301ad495aa6c08cfa8e882ac0', href: this.getRenderProp('href'), label: this.getRenderProp('label'), quote: this.getRenderProp('quote'), variant: this.getRenderProp('variant') })));
|
|
34173
34248
|
}
|
|
34174
34249
|
static get watchers() { return {
|
|
34175
34250
|
"_href": [{
|
|
@@ -34203,7 +34278,7 @@ class KolQuote extends BaseWebComponent {
|
|
|
34203
34278
|
}; }
|
|
34204
34279
|
}
|
|
34205
34280
|
|
|
34206
|
-
const defaultStyleCss$d = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-select { background-color: transparent; width: 100%; padding: 0; } .kol-select:not(:disabled) { cursor: pointer; } .kol-select:not([multiple], [size]) { height: 2.75em; } .kol-select[multiple][size="1"] { height: 2.75em; } .kol-select__option:checked::before { content: "✓ "; } .kol-select[multiple] option { display: flex; min-height: var(--a11y-min-size); align-items: center; } .kol-select[multiple][size="1"] option::checkmark { height: 100%; } .kol-select[multiple][size="1"] option:checked::before { display: none; } }`;
|
|
34281
|
+
const defaultStyleCss$d = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-select { background-color: transparent; width: 100%; padding: 0; } .kol-select:not(:disabled) { cursor: pointer; } .kol-select:not([multiple], [size]) { height: 2.75em; } .kol-select[multiple][size="1"] { height: 2.75em; } .kol-select__option:checked::before { content: "✓ "; } .kol-select[multiple] option { display: flex; min-height: var(--a11y-min-size); align-items: center; } .kol-select[multiple][size="1"] option::checkmark { height: 100%; } .kol-select[multiple][size="1"] option:checked::before { display: none; } }`;
|
|
34207
34282
|
|
|
34208
34283
|
class KolSelect extends BaseSelectWebComponent {
|
|
34209
34284
|
constructor(hostRef) {
|
|
@@ -34351,7 +34426,7 @@ class KolSelect extends BaseSelectWebComponent {
|
|
|
34351
34426
|
return this._shortKey;
|
|
34352
34427
|
}
|
|
34353
34428
|
render() {
|
|
34354
|
-
return hAsync(Host, { key: '
|
|
34429
|
+
return hAsync(Host, { key: 'e19f4fcadb03e8857ff5d737936dd4c59432365c', class: "kol-select" }, this.renderSelectField());
|
|
34355
34430
|
}
|
|
34356
34431
|
get host() { return getElement(this); }
|
|
34357
34432
|
static get watchers() { return {
|
|
@@ -34492,7 +34567,7 @@ const BEM_CLASS_SINGLE_SELECT__NO_RESULTS_MESSAGE = singleSelectBem('no-results-
|
|
|
34492
34567
|
const SingleSelectToggleFC = ({ disabled, handleClick }) => (hAsync(IconFC, { icons: "kolicon-chevron-down", label: "", class: customSuggestionsToggleBem({ disabled }), onClick: handleClick }));
|
|
34493
34568
|
const SingleSelectNoResultsFC = ({ message }) => (hAsync("li", { class: BEM_CLASS_SINGLE_SELECT__NO_RESULTS_MESSAGE, role: "alert" }, message, ' '));
|
|
34494
34569
|
|
|
34495
|
-
const defaultStyleCss$c = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-custom-suggestions-option { line-height: 1.5; white-space: normal; overflow-wrap: break-word; } .kol-custom-suggestions-option:not(.kol-custom-suggestions-option--disabled) { cursor: pointer; } .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option { cursor: none !important; } .kol-custom-suggestions-option--disabled, .kol-custom-suggestions-option--disabled * { cursor: not-allowed; } .kol-custom-suggestions-options-group { background-color: white; display: block; position: absolute; z-index: 2; max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16)); margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; list-style-type: none; } .kol-input-container:has(.kol-custom-suggestions-options-group--open) { z-index: 10; } .kol-custom-suggestions-toggle { display: flex; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; cursor: default; } .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled { cursor: not-allowed; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-single-select { } .kol-single-select__group .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-single-select__group :host { display: inline-block; } .kol-single-select__group .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-single-select__group .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-single-select__group .kol-button__interactive-element::before { content: ""; } .kol-single-select__group .kol-button__text { flex: 1 0 100%; } .kol-single-select__group .kol-button { } .kol-single-select__group .kol-button__tooltip { height: 0; } .kol-single-select__group .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-single-select__group .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-single-select__no-results-message { display: flex; min-height: calc(50 * 1rem / var(--kolibri-root-font-size, 16)); align-items: center; justify-content: center; cursor: default; } .kol-single-select .kol-custom-suggestions-options-group { max-height: calc(40 * 1rem / var(--kolibri-root-font-size, 16) * var(--visible-options, 5) + 2 * 1rem / var(--kolibri-root-font-size, 16)) !important; } .kol-single-select--open .kol-custom-suggestions-toggle { transform: rotate(180deg); } .kol-custom-suggestions-toggle:not(.kol-custom-suggestions-toggle--disabled) { cursor: pointer; } }`;
|
|
34570
|
+
const defaultStyleCss$c = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-custom-suggestions-option { line-height: 1.5; white-space: normal; overflow-wrap: break-word; } .kol-custom-suggestions-option:not(.kol-custom-suggestions-option--disabled) { cursor: pointer; } .kol-custom-suggestions-options-group--cursor-hidden .kol-custom-suggestions-option { cursor: none !important; } .kol-custom-suggestions-option--disabled, .kol-custom-suggestions-option--disabled * { cursor: not-allowed; } .kol-custom-suggestions-options-group { background-color: white; display: block; position: absolute; z-index: 2; max-height: calc(250 * 1rem / var(--kolibri-root-font-size, 16)); margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; list-style-type: none; } .kol-input-container:has(.kol-custom-suggestions-options-group--open) { z-index: 10; } .kol-custom-suggestions-toggle { display: flex; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; cursor: default; } .kol-custom-suggestions-toggle.kol-custom-suggestions-toggle--disabled { cursor: not-allowed; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-input { background-color: transparent; width: 100%; min-width: var(--a11y-min-size); } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-single-select { } .kol-single-select__group .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-single-select__group :host { display: inline-block; } .kol-single-select__group .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-single-select__group .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-single-select__group .kol-button__interactive-element::before { content: ""; } .kol-single-select__group .kol-button__text { flex: 1 0 100%; } .kol-single-select__group .kol-button { } .kol-single-select__group .kol-button__tooltip { height: 0; } .kol-single-select__group .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-single-select__group .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-single-select__no-results-message { display: flex; min-height: calc(50 * 1rem / var(--kolibri-root-font-size, 16)); align-items: center; justify-content: center; cursor: default; } .kol-single-select .kol-custom-suggestions-options-group { max-height: calc(40 * 1rem / var(--kolibri-root-font-size, 16) * var(--visible-options, 5) + 2 * 1rem / var(--kolibri-root-font-size, 16)) !important; } .kol-single-select--open .kol-custom-suggestions-toggle { transform: rotate(180deg); } .kol-custom-suggestions-toggle:not(.kol-custom-suggestions-toggle--disabled) { cursor: pointer; } }`;
|
|
34496
34571
|
|
|
34497
34572
|
class KolSingleSelect extends BaseListboxWebComponent {
|
|
34498
34573
|
constructor(hostRef) {
|
|
@@ -34881,13 +34956,13 @@ class KolSingleSelect extends BaseListboxWebComponent {
|
|
|
34881
34956
|
var _a;
|
|
34882
34957
|
const isDisabled = this.getRenderProp('disabled') === true;
|
|
34883
34958
|
const { startAdornment, endAdornment } = getInputAdornments({ icons: this.getRenderProp('icons') });
|
|
34884
|
-
return (hAsync(Host, { key: '
|
|
34959
|
+
return (hAsync(Host, { key: 'b8ebfaa422916a95773899383cc3d235142a293a' }, hAsync(FormFieldFC, Object.assign({ key: '5c6da6a4ae4862369b8c446418c1cf9af8cc3153' }, this.getFormFieldProps({
|
|
34885
34960
|
class: clsx('kol-single-select', { 'kol-single-select--open': this.isOpen }),
|
|
34886
34961
|
accessKey: this.getRenderProp('accessKey') || undefined,
|
|
34887
34962
|
shortKey: this.getRenderProp('shortKey') || undefined,
|
|
34888
34963
|
required: this.getRenderProp('required'),
|
|
34889
34964
|
variant: this.getRenderProp('variant'),
|
|
34890
|
-
})), hAsync(InputContainerFC, { key: '
|
|
34965
|
+
})), hAsync(InputContainerFC, { key: '887f1f4edf4d90adebb588a01945fa1fc7839d44', disabled: isDisabled, msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, hAsync(ListboxGroupFC, { key: '853594f9fa4079cd607aaec45cdbb8419ee28793', block: "kol-single-select" }, hAsync(InputFC, Object.assign({ key: 'f82e20bf5a8261d3102e9678342cc54a4fd2513d' }, this.getInputProps())), this.inputValue && this.getRenderProp('hasClearButton') && (hAsync(ButtonFC, Object.assign({ key: '6732fe57f45c238ab6f3dbd1308a82a20fd843a7' }, this.clearButton.getFcProps({
|
|
34891
34966
|
_icons: 'kolicon-cross',
|
|
34892
34967
|
_label: this.translateDeleteSelection,
|
|
34893
34968
|
_hideLabel: true,
|
|
@@ -34898,7 +34973,7 @@ class KolSingleSelect extends BaseListboxWebComponent {
|
|
|
34898
34973
|
onFocus: this.handleClearButtonFocus,
|
|
34899
34974
|
onBlur: this.handleClearButtonBlur,
|
|
34900
34975
|
},
|
|
34901
|
-
}, { class: BEM_CLASS_SINGLE_SELECT__DELETE, hidden: isDisabled })))), hAsync(SingleSelectToggleFC, { key: '
|
|
34976
|
+
}, { class: BEM_CLASS_SINGLE_SELECT__DELETE, hidden: isDisabled })))), hAsync(SingleSelectToggleFC, { key: '5865253a7e0e37d8a276526df20e4cafb90d0f91', disabled: isDisabled, handleClick: this.toggleListbox })), hAsync(CustomSuggestionsOptionsGroupFC, { key: '23b069f956c600452e5cbc2a5c7817facf2c8449', blockSuggestionMouseOver: this.blockSuggestionMouseOver, onKeyDown: this.handleDropdownKeyDown, style: { '--visible-options': `${(_a = this.getRenderProp('rows')) !== null && _a !== void 0 ? _a : 5}` }, hidden: !this.isOpen || isDisabled, id: createRelatedUniqueId(this.id, 'listbox') }, this.renderOptions())))));
|
|
34902
34977
|
}
|
|
34903
34978
|
get host() { return getElement(this); }
|
|
34904
34979
|
static get watchers() { return {
|
|
@@ -35021,6 +35096,111 @@ __decorate([
|
|
|
35021
35096
|
delegateFocus('ctaRef')
|
|
35022
35097
|
], KolSingleSelect.prototype, "focus", null);
|
|
35023
35098
|
|
|
35099
|
+
const skeletonPropsConfig = {
|
|
35100
|
+
required: [nameProp],
|
|
35101
|
+
};
|
|
35102
|
+
|
|
35103
|
+
const skeletonBem = bem.forBlock('kol-skeleton');
|
|
35104
|
+
const BEM_CLASS_SKELETON__ACTIONS = skeletonBem('actions');
|
|
35105
|
+
const BEM_CLASS_SKELETON__CONTAINER = skeletonBem('container');
|
|
35106
|
+
const BEM_CLASS_SKELETON__COUNTER = skeletonBem('counter');
|
|
35107
|
+
const BEM_CLASS_SKELETON__NAME = skeletonBem('name');
|
|
35108
|
+
const SkeletonFC = (props) => {
|
|
35109
|
+
const { count, label, name, show, handleClick, refButton } = props;
|
|
35110
|
+
const hasName = !!(show && (name === null || name === void 0 ? void 0 : name.trim()));
|
|
35111
|
+
const BEM_CLASS_ROOT = skeletonBem({
|
|
35112
|
+
'has-name': hasName,
|
|
35113
|
+
'is-hidden': !show,
|
|
35114
|
+
});
|
|
35115
|
+
return (hAsync("div", { class: BEM_CLASS_ROOT }, hAsync("div", { class: BEM_CLASS_SKELETON__CONTAINER }, hasName && hAsync("span", { class: BEM_CLASS_SKELETON__NAME }, name), hAsync("div", { class: BEM_CLASS_SKELETON__COUNTER }, "Count: ", count)), hAsync("div", { class: BEM_CLASS_SKELETON__ACTIONS }, hAsync(ClickButtonFC, { label: label, handleClick: handleClick, refButton: refButton }))));
|
|
35116
|
+
};
|
|
35117
|
+
|
|
35118
|
+
class KolSkeleton extends BaseWebComponent {
|
|
35119
|
+
constructor(hostRef) {
|
|
35120
|
+
super();
|
|
35121
|
+
registerInstance(this, hostRef);
|
|
35122
|
+
this.loaded = createEvent(this, "loaded");
|
|
35123
|
+
this.rendered = createEvent(this, "rendered");
|
|
35124
|
+
this.count = 0;
|
|
35125
|
+
this.label = 'Label';
|
|
35126
|
+
this.show = true;
|
|
35127
|
+
this.buttonRef = createCtaRef();
|
|
35128
|
+
this.propsConfig = skeletonPropsConfig;
|
|
35129
|
+
this.handleClick = () => {
|
|
35130
|
+
var _a;
|
|
35131
|
+
Log.debug('Button clicked, count should be increased');
|
|
35132
|
+
this.setState('count', ((_a = this.getState('count')) !== null && _a !== void 0 ? _a : 0) + 1);
|
|
35133
|
+
};
|
|
35134
|
+
}
|
|
35135
|
+
watchName(value) {
|
|
35136
|
+
nameProp.apply(value, (v) => this.setRenderProp('name', v));
|
|
35137
|
+
}
|
|
35138
|
+
focus(options) {
|
|
35139
|
+
return Promise.resolve();
|
|
35140
|
+
}
|
|
35141
|
+
async toggle() {
|
|
35142
|
+
var _a;
|
|
35143
|
+
this.setState('show', !((_a = this.getState('show')) !== null && _a !== void 0 ? _a : false));
|
|
35144
|
+
return Promise.resolve();
|
|
35145
|
+
}
|
|
35146
|
+
componentWillLoad() {
|
|
35147
|
+
nameProp.apply(this._name, (v) => this.setRenderProp('name', v));
|
|
35148
|
+
this.intervalId = setInterval(() => {
|
|
35149
|
+
var _a;
|
|
35150
|
+
this.loaded.emit((_a = this.getState('count')) !== null && _a !== void 0 ? _a : 0);
|
|
35151
|
+
}, 2000);
|
|
35152
|
+
}
|
|
35153
|
+
componentDidLoad() {
|
|
35154
|
+
requestAnimationFrame(() => {
|
|
35155
|
+
this.rendered.emit();
|
|
35156
|
+
});
|
|
35157
|
+
}
|
|
35158
|
+
disconnectedCallback() {
|
|
35159
|
+
if (this.intervalId) {
|
|
35160
|
+
clearInterval(this.intervalId);
|
|
35161
|
+
this.intervalId = undefined;
|
|
35162
|
+
}
|
|
35163
|
+
}
|
|
35164
|
+
handleKeyDown(event) {
|
|
35165
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
35166
|
+
Log.debug('button pressed');
|
|
35167
|
+
this.handleClick();
|
|
35168
|
+
}
|
|
35169
|
+
}
|
|
35170
|
+
onKeydown(event) {
|
|
35171
|
+
if (event.key === 'Escape') {
|
|
35172
|
+
Log.debug('Show should be toggled');
|
|
35173
|
+
void this.toggle();
|
|
35174
|
+
}
|
|
35175
|
+
}
|
|
35176
|
+
render() {
|
|
35177
|
+
return (hAsync(Host, { key: '2a3824454e635829ec4cac68796fdfe24eab3ddb' }, hAsync(SkeletonFC, { key: 'f87599792931970772f66cc6d6acfe37290eb042', count: this.count, label: this.label, name: this.getRenderProp('name'), handleClick: this.handleClick, onLoaded: this.loaded, onRendered: this.rendered, show: this.show, refButton: this.buttonRef })));
|
|
35178
|
+
}
|
|
35179
|
+
static get watchers() { return {
|
|
35180
|
+
"_name": [{
|
|
35181
|
+
"watchName": 0
|
|
35182
|
+
}]
|
|
35183
|
+
}; }
|
|
35184
|
+
static get cmpMeta() { return {
|
|
35185
|
+
"$flags$": 521,
|
|
35186
|
+
"$tagName$": "kol-skeleton",
|
|
35187
|
+
"$members$": {
|
|
35188
|
+
"_name": [1],
|
|
35189
|
+
"count": [32],
|
|
35190
|
+
"label": [32],
|
|
35191
|
+
"show": [32],
|
|
35192
|
+
"focus": [64],
|
|
35193
|
+
"toggle": [64]
|
|
35194
|
+
},
|
|
35195
|
+
"$listeners$": [[0, "keydown", "handleKeyDown"], [8, "keydown", "onKeydown"]],
|
|
35196
|
+
"$lazyBundleId$": "-",
|
|
35197
|
+
"$attrsToReflect$": []
|
|
35198
|
+
}; }
|
|
35199
|
+
}
|
|
35200
|
+
__decorate([
|
|
35201
|
+
delegateFocus('buttonRef')
|
|
35202
|
+
], KolSkeleton.prototype, "focus", null);
|
|
35203
|
+
|
|
35024
35204
|
const skipNavPropsConfig = {
|
|
35025
35205
|
required: [skipNavLinksProp, labelProp],
|
|
35026
35206
|
};
|
|
@@ -35113,7 +35293,7 @@ const createSkipNavLinkItem = (link, getHost) => {
|
|
|
35113
35293
|
};
|
|
35114
35294
|
};
|
|
35115
35295
|
|
|
35116
|
-
const defaultStyleCss$b = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
35296
|
+
const defaultStyleCss$b = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-link { display: inline-flex; max-width: fit-content; } .kol-link--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: stretch; } .kol-link--standalone .kol-link__interactive-element { align-items: stretch; } .kol-link--standalone .kol-link__text { display: inline-flex; flex: 1 1 100%; place-items: center; } .kol-link__interactive-element { display: inline-flex; flex: 1; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-link__interactive-element:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-link__interactive-element:hover:not([aria-disabled], [disabled]) .kol-span__label { text-decoration-thickness: 0.2em; } .kol-link .kol-span__label { text-decoration-line: underline; } .kol-link__icon { display: inline-flex; } .kol-skip-nav__list { display: grid; place-items: center; list-style: none; } .kol-skip-nav__list-item { height: 0; } .kol-skip-nav .kol-link { position: absolute; left: calc(-99999 * 1rem / var(--kolibri-root-font-size, 16)); z-index: 9999999; line-height: 1; } .kol-skip-nav .kol-link:focus-within { position: unset; left: unset; } .kol-skip-nav .kol-link__interactive-element:focus { background-color: white; } }`;
|
|
35117
35297
|
|
|
35118
35298
|
class KolSkipNav extends BaseWebComponent {
|
|
35119
35299
|
constructor(hostRef) {
|
|
@@ -35161,7 +35341,7 @@ class KolSkipNav extends BaseWebComponent {
|
|
|
35161
35341
|
});
|
|
35162
35342
|
}
|
|
35163
35343
|
render() {
|
|
35164
|
-
return (hAsync(Host, { key: '
|
|
35344
|
+
return (hAsync(Host, { key: '87a2082411d6e0a8350897cffd1af54682bef711' }, hAsync(SkipNavFC, { key: '754035100bfe30e976a1593574750657b74c73bf', label: this.getRenderProp('label'), links: this.getRenderProp('links'), linkItems: this.linkItems })));
|
|
35165
35345
|
}
|
|
35166
35346
|
get host() { return getElement(this); }
|
|
35167
35347
|
static get watchers() { return {
|
|
@@ -35241,7 +35421,7 @@ class KolSpin extends BaseWebComponent {
|
|
|
35241
35421
|
variantSpinProp.apply(this._variant, (v) => this.setRenderProp('variant', v));
|
|
35242
35422
|
}
|
|
35243
35423
|
render() {
|
|
35244
|
-
return (hAsync(Host, { key: '
|
|
35424
|
+
return (hAsync(Host, { key: 'fb419a3965dd30d5e436b1961c15930a7f2cfc16' }, hAsync(SpinFC, { key: '130af75cca70c922708d22573b66aee02ef25d03', show: this.getRenderProp('show'), label: this.getRenderProp('label'), variant: this.getRenderProp('variant') })));
|
|
35245
35425
|
}
|
|
35246
35426
|
static get watchers() { return {
|
|
35247
35427
|
"_show": [{
|
|
@@ -35281,7 +35461,7 @@ const SplitButtonFC = (props) => {
|
|
|
35281
35461
|
return (hAsync(BemRootNodeFC, { block: "kol-split-button", class: hostClass }, hAsync("div", { class: BEM_CLASS_SPLIT_BUTTON__ROOT }, hAsync("div", { class: clsx(BEM_CLASS_SPLIT_BUTTON__BUTTON, buttonWrapperClass) }, hAsync(ButtonFC, Object.assign({}, buttonProps))), hAsync("div", { class: BEM_CLASS_SPLIT_BUTTON__HORIZONTAL_LINE }), hAsync("div", { class: BEM_CLASS_SPLIT_BUTTON__SECONDARY_BUTTON, ref: refDropdown }, hAsync(PopoverButtonFC, Object.assign({}, dropdownProps))))));
|
|
35282
35462
|
};
|
|
35283
35463
|
|
|
35284
|
-
const defaultStyleCss$9 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
35464
|
+
const defaultStyleCss$9 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-popover-button { display: inline; } .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-popover-button--inline { display: inline-block; } .kol-popover-button--inline .kol-button, .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-split-button { display: flex; position: relative; width: 100%; } .kol-split-button__root { display: flex; position: relative; width: 100%; align-items: stretch; } .kol-split-button__button { min-width: 0; flex: 1 1 auto; text-align: left; } }`;
|
|
35285
35465
|
|
|
35286
35466
|
class KolSplitButton extends BaseButtonWebComponent {
|
|
35287
35467
|
constructor(hostRef) {
|
|
@@ -35434,7 +35614,7 @@ class KolSplitButton extends BaseButtonWebComponent {
|
|
|
35434
35614
|
});
|
|
35435
35615
|
}
|
|
35436
35616
|
render() {
|
|
35437
|
-
return (hAsync(SplitButtonFC, { key: '
|
|
35617
|
+
return (hAsync(SplitButtonFC, { key: '21bc7a574f5c58d2959a4f653514c9156211b4b4', buttonProps: this.getButtonFCProps(), buttonWrapperClass: this.getButtonWrapperClass(), dropdownProps: this.dropdownItem.getFcProps(), refDropdown: this.setDropdownRef }));
|
|
35438
35618
|
}
|
|
35439
35619
|
get host() { return getElement(this); }
|
|
35440
35620
|
static get watchers() { return {
|
|
@@ -35750,6 +35930,7 @@ var Callback;
|
|
|
35750
35930
|
Callback["onSelectionChange"] = "onSelectionChange";
|
|
35751
35931
|
Callback["onChangePageSize"] = "onChangePageSize";
|
|
35752
35932
|
Callback["onSort"] = "onSort";
|
|
35933
|
+
Callback["onSortChange"] = "onSortChange";
|
|
35753
35934
|
Callback["onSubmit"] = "onSubmit";
|
|
35754
35935
|
Callback["onToggle"] = "onToggle";
|
|
35755
35936
|
})(Callback || (Callback = {}));
|
|
@@ -36716,7 +36897,7 @@ class BaseTableStatelessWebComponent extends BaseWebComponent {
|
|
|
36716
36897
|
}
|
|
36717
36898
|
}
|
|
36718
36899
|
|
|
36719
|
-
const defaultStyleCss$8 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { @keyframes rotate { to { transform: rotate(1turn); } } @keyframes growingCircle { 0% { opacity: 0.5; border-color: white; clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); } 25% { opacity: 0.75; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); } 50% { opacity: 1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); } 75% { opacity: 1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); } 100% { opacity: 0.1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } } .kol-spin__spinner--cycle { width: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16)); } .kol-spin__spinner--cycle .kol-spin__loader { border-radius: 50%; display: block; position: relative; width: 100%; height: 100%; animation: 2s linear infinite rotate; } @media (prefers-reduced-motion) { .kol-spin__spinner--cycle .kol-spin__loader { animation-duration: 4s !important; } } .kol-spin__spinner--cycle .kol-spin__loader::before { border-radius: 50%; position: absolute; inset: 0; content: ""; animation: 3s linear infinite growingCircle; border: 5px solid var(--kol-spin-color, var(--kol-theme-spin-color, #333)); } @media (prefers-reduced-motion) { .kol-spin__spinner--cycle .kol-spin__loader::before { animation-duration: 6s !important; } } } @layer kol-component { @keyframes spin1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes spin2 { 0% { transform: translate(0, 0); } 100% { transform: translate(calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)), 0); } } @keyframes spin3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @media (prefers-reduced-motion) { .kol-spin__spinner-element { animation-duration: 2s !important; } } .kol-spin__spinner--dot { --kol-spin-border-width: calc(var(--kol-spin-size, 13) / 10); width: calc(calc(var(--kol-spin-size, 13) * 3 + 2) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width) * 2) * 1rem / var(--kolibri-root-font-size, 16)); } .kol-spin__spinner--dot .kol-spin__spinner-element { background-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000)); border-radius: 50%; position: absolute; top: 1px; width: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)); animation-timing-function: cubic-bezier(0, 1, 1, 0); border: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)) solid white; } .kol-spin__spinner--dot .kol-spin__spinner-element--1 { left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 0; animation: 1s infinite spin1; } .kol-spin__spinner--dot .kol-spin__spinner-element--2 { left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; animation: 1s infinite spin2; } .kol-spin__spinner--dot .kol-spin__spinner-element--3 { left: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; animation: 1s infinite spin2; } .kol-spin__spinner--dot .kol-spin__spinner-element--neutral { opacity: 0.6; left: calc(calc(var(--kol-spin-size, 13) * 2 + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 0; animation: 1s infinite spin3; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card :host { display: inline-block; } .kol-card .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-card .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-card .kol-button__interactive-element::before { content: ""; } .kol-card .kol-button__text { flex: 1 0 100%; } .kol-card .kol-button { } .kol-card .kol-button__tooltip { height: 0; } .kol-card .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-card .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: grid; height: 100%; overflow: visible; grid-template-areas: "header close" "content content"; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; } .kol-card__header { align-self: start; grid-area: header; } .kol-card__content { align-self: stretch; grid-area: content; } .kol-card__close-button { grid-area: close; } .kol-card:has(.kol-card__link) { position: relative; } .kol-card__link::after { position: absolute; inset: 0; content: ""; cursor: pointer; } .kol-dialog, .kol-modal { min-height: var(--a11y-min-size); padding: 0; border: 0; overscroll-behavior: contain; } .kol-dialog__close-button, .kol-modal__close-button { position: absolute; top: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); right: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-button__interactive-element::before { content: ""; } .kol-button__text { flex: 1 0 100%; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-popover-button { display: inline; } .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-popover-button--inline { display: inline-block; } .kol-popover-button--inline .kol-button, .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-table-settings { position: absolute; top: 0; right: 0; z-index: 1; } .kol-table-settings .kol-popover-button__popover { background: white; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); border: 1px solid black; } .kol-table-settings__columns { display: grid; max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16)); overflow: auto; grid-auto-rows: min-content; grid-template-columns: min-content minmax(max-content, 1fr) calc(140 * 1rem / var(--kolibri-root-font-size, 16)) auto auto; } .kol-table-settings__column { display: grid; align-items: center; grid-template-columns: subgrid; grid-column: 1/6; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table { --kol-table-selection-col-width: var(--a11y-min-size); display: block; position: relative; max-width: 100%; } .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container { outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } .kol-table__scroll-container { overflow-x: auto; overflow-y: hidden; } .kol-table__table { table-layout: fixed; } .kol-table__caption { min-height: var(--a11y-min-size); text-align: start; } .kol-table__settings:not(:has(~ .kol-table__scroll-container .kol-table__caption)) { min-height: var(--a11y-min-size); } .kol-table__sort-button.kol-button { color: inherit; } .kol-table__sort { display: inline-flex; align-items: center; } .kol-table__sort-order { display: inline-flex; align-items: center; justify-content: center; } .kol-table__body { text-align: left; } .kol-table__body .kol-button__text { justify-items: start; } .kol-table__body:has(.kol-table__loader--shown) { position: relative; min-height: calc(var(--a11y-min-size) * 3); } .kol-table__cell--align-left { text-align: left; } .kol-table__cell--align-left .kol-table__sort-button .kol-button__text { align-items: start; text-align: start; } .kol-table__cell--align-left .kol-table__cell-actions { justify-content: flex-start; } .kol-table__cell--align-center { text-align: center; } .kol-table__cell--align-center .kol-table__sort-button .kol-button__text { align-items: center; } .kol-table__cell--align-right { text-align: right; } .kol-table__cell--align-right .kol-table__sort-button .kol-button__text { align-items: end; text-align: end; } .kol-table__cell--align-right .kol-table__cell-actions { justify-content: flex-end; } .kol-table__cell--selection { background-color: white; position: sticky !important; left: 0; z-index: 2; width: var(--kol-table-selection-col-width, auto); min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); white-space: nowrap; } .kol-table__cell--actions { white-space: nowrap; } .kol-table__cell--actions .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table__cell--actions :host { display: inline-block; } .kol-table__cell--actions .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-table__cell--actions .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-table__cell--actions .kol-button__interactive-element::before { content: ""; } .kol-table__cell--actions .kol-button__text { flex: 1 0 100%; } .kol-table__cell--actions .kol-button { } .kol-table__cell--actions .kol-button__tooltip { height: 0; } .kol-table__cell--actions .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-table__cell--actions .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-table__cell--actions .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table__cell--actions :host { display: inline-block; } .kol-table__cell--actions .kol-link { display: inline-flex; max-width: fit-content; } .kol-table__cell--actions .kol-link--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: stretch; } .kol-table__cell--actions .kol-link--standalone .kol-link__interactive-element { align-items: stretch; } .kol-table__cell--actions .kol-link--standalone .kol-link__text { display: inline-flex; flex: 1 1 100%; place-items: center; } .kol-table__cell--actions .kol-link__interactive-element { display: inline-flex; flex: 1; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-table__cell--actions .kol-link__interactive-element:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link__interactive-element:hover:not([aria-disabled], [disabled]) .kol-span__label { text-decoration-thickness: 0.2em; } .kol-table__cell--actions .kol-link .kol-span__label { text-decoration-line: underline; } .kol-table__cell--actions .kol-link__icon { display: inline-flex; } .kol-table__cell--sticky-left, .kol-table__cell--sticky-right { background-color: white; position: sticky !important; z-index: 1; } .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) { border-right: 2px solid black; } .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) { border-left: 2px solid black; } .kol-table__cell-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .kol-table__cell-states { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .kol-table__spacer { display: none; } .kol-table__selection { position: relative; } .kol-table__selection-label { display: flex; position: relative; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; } .kol-table__selection-label:not(.kol-table__selection-label--disabled) { cursor: pointer; } .kol-table__selection-label--disabled { cursor: not-allowed; } .kol-table__selection-icon { display: block; position: absolute; inset: auto; z-index: 1; } .kol-table__selection-input { border-style: solid; margin: 0; appearance: none; cursor: pointer; } .kol-table__selection-input:disabled { cursor: not-allowed; } .kol-table__selection-input:before { content: ""; } .kol-table__selection-input--checkbox { background-color: white; display: flex; position: relative; min-width: calc(var(--a11y-min-size) / 2); min-height: calc(var(--a11y-min-size) / 2); border-width: 2px; align-items: center; justify-content: center; line-height: 1.5; } .kol-table__selection-input--radio { border-radius: 100%; display: flex; width: 1.5em; min-width: 1.5em; height: 1.5em; min-height: 1.5em; padding: 0; border-width: 2px; } .kol-table__selection-input--radio:before { border-radius: 100%; width: 0.75em; height: 0.75em; margin: auto; } .kol-table__selection-input--radio:checked:before { background-color: black; } @media (forced-colors: active) { .kol-table__selection-input--radio:checked:before { background-color: selectedItem !important; } } .kol-table__loader--shown { background: white; display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; align-items: center; justify-content: center; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-select { background-color: transparent; width: 100%; padding: 0; } .kol-select:not(:disabled) { cursor: pointer; } .kol-select:not([multiple], [size]) { height: 2.75em; } .kol-select[multiple][size="1"] { height: 2.75em; } .kol-select__option:checked::before { content: "✓ "; } .kol-select[multiple] option { display: flex; min-height: var(--a11y-min-size); align-items: center; } .kol-select[multiple][size="1"] option::checkmark { height: 100%; } .kol-select[multiple][size="1"] option:checked::before { display: none; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; container: paging/inline-size; } .kol-pagination__navigation-list { display: inline-flex; margin: 0; padding: 0; flex-wrap: wrap; align-items: center; list-style: none; } .kol-pagination__separator:before { content: "•••"; } .kol-pagination__page-size-select .kol-form-field-select { align-items: center; grid-template-columns: 1fr max-content; } @container paging (width < 600px) { .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__button--numbers), .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__separator) { display: none; } } .kol-spin { display: contents; } .kol-spin__spinner { display: block; position: relative; } }`;
|
|
36900
|
+
const defaultStyleCss$8 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { @keyframes rotate { to { transform: rotate(1turn); } } @keyframes growingCircle { 0% { opacity: 0.5; border-color: white; clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); } 25% { opacity: 0.75; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); } 50% { opacity: 1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); } 75% { opacity: 1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); } 100% { opacity: 0.1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } } .kol-spin__spinner--cycle { width: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16)); } .kol-spin__spinner--cycle .kol-spin__loader { border-radius: 50%; display: block; position: relative; width: 100%; height: 100%; animation: 2s linear infinite rotate; } @media (prefers-reduced-motion) { .kol-spin__spinner--cycle .kol-spin__loader { animation-duration: 4s !important; } } .kol-spin__spinner--cycle .kol-spin__loader::before { border-radius: 50%; position: absolute; inset: 0; content: ""; animation: 3s linear infinite growingCircle; border: 5px solid var(--kol-spin-color, var(--kol-theme-spin-color, #333)); } @media (prefers-reduced-motion) { .kol-spin__spinner--cycle .kol-spin__loader::before { animation-duration: 6s !important; } } } @layer kol-component { @keyframes spin1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes spin2 { 0% { transform: translate(0, 0); } 100% { transform: translate(calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)), 0); } } @keyframes spin3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @media (prefers-reduced-motion) { .kol-spin__spinner-element { animation-duration: 2s !important; } } .kol-spin__spinner--dot { --kol-spin-border-width: calc(var(--kol-spin-size, 13) / 10); width: calc(calc(var(--kol-spin-size, 13) * 3 + 2) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width) * 2) * 1rem / var(--kolibri-root-font-size, 16)); } .kol-spin__spinner--dot .kol-spin__spinner-element { background-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000)); border-radius: 50%; position: absolute; top: 1px; width: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)); animation-timing-function: cubic-bezier(0, 1, 1, 0); border: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)) solid white; } .kol-spin__spinner--dot .kol-spin__spinner-element--1 { left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 0; animation: 1s infinite spin1; } .kol-spin__spinner--dot .kol-spin__spinner-element--2 { left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; animation: 1s infinite spin2; } .kol-spin__spinner--dot .kol-spin__spinner-element--3 { left: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; animation: 1s infinite spin2; } .kol-spin__spinner--dot .kol-spin__spinner-element--neutral { opacity: 0.6; left: calc(calc(var(--kol-spin-size, 13) * 2 + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 0; animation: 1s infinite spin3; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card :host { display: inline-block; } .kol-card .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-card .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-card .kol-button__interactive-element::before { content: ""; } .kol-card .kol-button__text { flex: 1 0 100%; } .kol-card .kol-button { } .kol-card .kol-button__tooltip { height: 0; } .kol-card .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-card .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: grid; height: 100%; overflow: visible; grid-template-areas: "header close" "content content"; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; } .kol-card__header { align-self: start; grid-area: header; } .kol-card__content { align-self: stretch; grid-area: content; } .kol-card__close-button { grid-area: close; } .kol-card:has(.kol-card__link) { position: relative; } .kol-card__link::after { position: absolute; inset: 0; content: ""; cursor: pointer; } .kol-dialog, .kol-modal { min-height: var(--a11y-min-size); padding: 0; border: 0; overscroll-behavior: contain; } .kol-dialog__close-button, .kol-modal__close-button { position: absolute; top: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); right: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-button__interactive-element::before { content: ""; } .kol-button__text { flex: 1 0 100%; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-popover-button { display: inline; } .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-popover-button--inline { display: inline-block; } .kol-popover-button--inline .kol-button, .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-table-settings { position: absolute; top: 0; right: 0; z-index: 1; } .kol-table-settings .kol-popover-button__popover { background: white; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); border: 1px solid black; } .kol-table-settings__columns { display: grid; max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16)); overflow: auto; grid-auto-rows: min-content; grid-template-columns: min-content minmax(max-content, 1fr) calc(140 * 1rem / var(--kolibri-root-font-size, 16)) auto auto; } .kol-table-settings__column { display: grid; align-items: center; grid-template-columns: subgrid; grid-column: 1/6; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table { --kol-table-selection-col-width: var(--a11y-min-size); display: block; position: relative; max-width: 100%; } .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container { outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } .kol-table__scroll-container { overflow-x: auto; overflow-y: hidden; } .kol-table__table { table-layout: fixed; } .kol-table__caption { min-height: var(--a11y-min-size); text-align: start; } .kol-table__settings:not(:has(~ .kol-table__scroll-container .kol-table__caption)) { min-height: var(--a11y-min-size); } .kol-table__sort-button.kol-button { color: inherit; } .kol-table__sort { display: inline-flex; align-items: center; } .kol-table__sort-order { display: inline-flex; align-items: center; justify-content: center; } .kol-table__body { text-align: left; } .kol-table__body .kol-button__text { justify-items: start; } .kol-table__body:has(.kol-table__loader--shown) { position: relative; min-height: calc(var(--a11y-min-size) * 3); } .kol-table__cell--align-left { text-align: left; } .kol-table__cell--align-left .kol-table__sort-button .kol-button__text { align-items: start; text-align: start; } .kol-table__cell--align-left .kol-table__cell-actions { justify-content: flex-start; } .kol-table__cell--align-center { text-align: center; } .kol-table__cell--align-center .kol-table__sort-button .kol-button__text { align-items: center; } .kol-table__cell--align-right { text-align: right; } .kol-table__cell--align-right .kol-table__sort-button .kol-button__text { align-items: end; text-align: end; } .kol-table__cell--align-right .kol-table__cell-actions { justify-content: flex-end; } .kol-table__cell--selection { background-color: white; position: sticky !important; left: 0; z-index: 2; width: var(--kol-table-selection-col-width, auto); min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); white-space: nowrap; } .kol-table__cell--actions { white-space: nowrap; } .kol-table__cell--actions .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table__cell--actions :host { display: inline-block; } .kol-table__cell--actions .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-table__cell--actions .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-table__cell--actions .kol-button__interactive-element::before { content: ""; } .kol-table__cell--actions .kol-button__text { flex: 1 0 100%; } .kol-table__cell--actions .kol-button { } .kol-table__cell--actions .kol-button__tooltip { height: 0; } .kol-table__cell--actions .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-table__cell--actions .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-table__cell--actions .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table__cell--actions :host { display: inline-block; } .kol-table__cell--actions .kol-link { display: inline-flex; max-width: fit-content; } .kol-table__cell--actions .kol-link--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: stretch; } .kol-table__cell--actions .kol-link--standalone .kol-link__interactive-element { align-items: stretch; } .kol-table__cell--actions .kol-link--standalone .kol-link__text { display: inline-flex; flex: 1 1 100%; place-items: center; } .kol-table__cell--actions .kol-link__interactive-element { display: inline-flex; flex: 1; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-table__cell--actions .kol-link__interactive-element:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link__interactive-element:hover:not([aria-disabled], [disabled]) .kol-span__label { text-decoration-thickness: 0.2em; } .kol-table__cell--actions .kol-link .kol-span__label { text-decoration-line: underline; } .kol-table__cell--actions .kol-link__icon { display: inline-flex; } .kol-table__cell--sticky-left, .kol-table__cell--sticky-right { background-color: white; position: sticky !important; z-index: 1; } .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) { border-right: 2px solid black; } .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) { border-left: 2px solid black; } .kol-table__cell-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .kol-table__cell-states { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .kol-table__spacer { display: none; } .kol-table__selection { position: relative; } .kol-table__selection-label { display: flex; position: relative; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; } .kol-table__selection-label:not(.kol-table__selection-label--disabled) { cursor: pointer; } .kol-table__selection-label--disabled { cursor: not-allowed; } .kol-table__selection-icon { display: block; position: absolute; inset: auto; z-index: 1; } .kol-table__selection-input { border-style: solid; margin: 0; appearance: none; cursor: pointer; } .kol-table__selection-input:disabled { cursor: not-allowed; } .kol-table__selection-input:before { content: ""; } .kol-table__selection-input--checkbox { background-color: white; display: flex; position: relative; min-width: calc(var(--a11y-min-size) / 2); min-height: calc(var(--a11y-min-size) / 2); border-width: 2px; align-items: center; justify-content: center; line-height: 1.5; } .kol-table__selection-input--radio { border-radius: 100%; display: flex; width: 1.5em; min-width: 1.5em; height: 1.5em; min-height: 1.5em; padding: 0; border-width: 2px; } .kol-table__selection-input--radio:before { border-radius: 100%; width: 0.75em; height: 0.75em; margin: auto; } .kol-table__selection-input--radio:checked:before { background-color: black; } @media (forced-colors: active) { .kol-table__selection-input--radio:checked:before { background-color: selectedItem !important; } } .kol-table__loader--shown { background: white; display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; align-items: center; justify-content: center; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-select { background-color: transparent; width: 100%; padding: 0; } .kol-select:not(:disabled) { cursor: pointer; } .kol-select:not([multiple], [size]) { height: 2.75em; } .kol-select[multiple][size="1"] { height: 2.75em; } .kol-select__option:checked::before { content: "✓ "; } .kol-select[multiple] option { display: flex; min-height: var(--a11y-min-size); align-items: center; } .kol-select[multiple][size="1"] option::checkmark { height: 100%; } .kol-select[multiple][size="1"] option:checked::before { display: none; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; container: paging/inline-size; } .kol-pagination__navigation-list { display: inline-flex; margin: 0; padding: 0; flex-wrap: wrap; align-items: center; list-style: none; } .kol-pagination__separator:before { content: "•••"; } .kol-pagination__page-size-select .kol-form-field-select { align-items: center; grid-template-columns: 1fr max-content; } @container paging (width < 600px) { .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__button--numbers), .kol-pagination:has(.kol-pagination__button--first) li:has(.kol-pagination__separator) { display: none; } } .kol-spin { display: contents; } .kol-spin__spinner { display: block; position: relative; } }`;
|
|
36720
36901
|
|
|
36721
36902
|
const PAGINATION_OPTIONS = [10, 20, 50, 100];
|
|
36722
36903
|
class KolTableStateful extends BaseTableStatelessWebComponent {
|
|
@@ -36789,6 +36970,11 @@ class KolTableStateful extends BaseTableStatelessWebComponent {
|
|
|
36789
36970
|
this._variant = undefined;
|
|
36790
36971
|
this.updateSortedData = () => {
|
|
36791
36972
|
this.sortedData = sortRows(this.data, this.sortData, this.disableSort);
|
|
36973
|
+
const sortChangePayload = {
|
|
36974
|
+
headers: this.getRenderProp('headers'),
|
|
36975
|
+
sortedData: this.sortedData,
|
|
36976
|
+
};
|
|
36977
|
+
this.emitSortChange(sortChangePayload);
|
|
36792
36978
|
};
|
|
36793
36979
|
this.handleChangeHeaderCells = (headerCells) => {
|
|
36794
36980
|
this.adjustedHeaderCells = headerCells;
|
|
@@ -36955,6 +37141,16 @@ class KolTableStateful extends BaseTableStatelessWebComponent {
|
|
|
36955
37141
|
dispatchDomEvent(this.host, KolEvent.selectionChange, selectedData);
|
|
36956
37142
|
}
|
|
36957
37143
|
}
|
|
37144
|
+
emitSortChange(payload) {
|
|
37145
|
+
const onSortChange = this.statefulOn[Callback.onSortChange];
|
|
37146
|
+
if (typeof onSortChange === 'function') {
|
|
37147
|
+
const customEvent = new CustomEvent(KolEvent.sortChange);
|
|
37148
|
+
onSortChange(customEvent, payload);
|
|
37149
|
+
}
|
|
37150
|
+
if (this.host) {
|
|
37151
|
+
dispatchDomEvent(this.host, KolEvent.sortChange, payload);
|
|
37152
|
+
}
|
|
37153
|
+
}
|
|
36958
37154
|
getPaginationInput(position) {
|
|
36959
37155
|
const positionLabel = position === 'top' ? translate('kol-pagination-position-top') : translate('kol-pagination-position-bottom');
|
|
36960
37156
|
return {
|
|
@@ -37007,7 +37203,7 @@ class KolTableStateful extends BaseTableStatelessWebComponent {
|
|
|
37007
37203
|
return (item && (hAsync("div", { class: `kol-table-stateful__pagination kol-table-stateful__pagination--${this.paginationPosition}` }, hAsync("div", { class: "kol-table-stateful__pagination-wrapper" }, hAsync(PaginationFC, Object.assign({}, item.getFcProps()))))));
|
|
37008
37204
|
}
|
|
37009
37205
|
render() {
|
|
37010
|
-
return (hAsync(Host, { key: '
|
|
37206
|
+
return (hAsync(Host, { key: '453c121753229127c4e1f23fe98a4ba14cffa900', class: "kol-table-stateful" }, this.renderPagination('top'), this.renderTableStatelessFC(), this.renderPagination('bottom')));
|
|
37011
37207
|
}
|
|
37012
37208
|
get host() { return getElement(this); }
|
|
37013
37209
|
static get watchers() { return {
|
|
@@ -37092,7 +37288,7 @@ class KolTableStateful extends BaseTableStatelessWebComponent {
|
|
|
37092
37288
|
}; }
|
|
37093
37289
|
}
|
|
37094
37290
|
|
|
37095
|
-
const defaultStyleCss$7 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { @keyframes rotate { to { transform: rotate(1turn); } } @keyframes growingCircle { 0% { opacity: 0.5; border-color: white; clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); } 25% { opacity: 0.75; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); } 50% { opacity: 1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); } 75% { opacity: 1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); } 100% { opacity: 0.1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } } .kol-spin__spinner--cycle { width: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16)); } .kol-spin__spinner--cycle .kol-spin__loader { border-radius: 50%; display: block; position: relative; width: 100%; height: 100%; animation: 2s linear infinite rotate; } @media (prefers-reduced-motion) { .kol-spin__spinner--cycle .kol-spin__loader { animation-duration: 4s !important; } } .kol-spin__spinner--cycle .kol-spin__loader::before { border-radius: 50%; position: absolute; inset: 0; content: ""; animation: 3s linear infinite growingCircle; border: 5px solid var(--kol-spin-color, var(--kol-theme-spin-color, #333)); } @media (prefers-reduced-motion) { .kol-spin__spinner--cycle .kol-spin__loader::before { animation-duration: 6s !important; } } } @layer kol-component { @keyframes spin1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes spin2 { 0% { transform: translate(0, 0); } 100% { transform: translate(calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)), 0); } } @keyframes spin3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @media (prefers-reduced-motion) { .kol-spin__spinner-element { animation-duration: 2s !important; } } .kol-spin__spinner--dot { --kol-spin-border-width: calc(var(--kol-spin-size, 13) / 10); width: calc(calc(var(--kol-spin-size, 13) * 3 + 2) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width) * 2) * 1rem / var(--kolibri-root-font-size, 16)); } .kol-spin__spinner--dot .kol-spin__spinner-element { background-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000)); border-radius: 50%; position: absolute; top: 1px; width: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)); animation-timing-function: cubic-bezier(0, 1, 1, 0); border: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)) solid white; } .kol-spin__spinner--dot .kol-spin__spinner-element--1 { left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 0; animation: 1s infinite spin1; } .kol-spin__spinner--dot .kol-spin__spinner-element--2 { left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; animation: 1s infinite spin2; } .kol-spin__spinner--dot .kol-spin__spinner-element--3 { left: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; animation: 1s infinite spin2; } .kol-spin__spinner--dot .kol-spin__spinner-element--neutral { opacity: 0.6; left: calc(calc(var(--kol-spin-size, 13) * 2 + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 0; animation: 1s infinite spin3; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card :host { display: inline-block; } .kol-card .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-card .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-card .kol-button__interactive-element::before { content: ""; } .kol-card .kol-button__text { flex: 1 0 100%; } .kol-card .kol-button { } .kol-card .kol-button__tooltip { height: 0; } .kol-card .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-card .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: grid; height: 100%; overflow: visible; grid-template-areas: "header close" "content content"; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; } .kol-card__header { align-self: start; grid-area: header; } .kol-card__content { align-self: stretch; grid-area: content; } .kol-card__close-button { grid-area: close; } .kol-card:has(.kol-card__link) { position: relative; } .kol-card__link::after { position: absolute; inset: 0; content: ""; cursor: pointer; } .kol-dialog, .kol-modal { min-height: var(--a11y-min-size); padding: 0; border: 0; overscroll-behavior: contain; } .kol-dialog__close-button, .kol-modal__close-button { position: absolute; top: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); right: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-button__interactive-element::before { content: ""; } .kol-button__text { flex: 1 0 100%; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-popover-button { display: inline; } .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-popover-button--inline { display: inline-block; } .kol-popover-button--inline .kol-button, .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-table-settings { position: absolute; top: 0; right: 0; z-index: 1; } .kol-table-settings .kol-popover-button__popover { background: white; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); border: 1px solid black; } .kol-table-settings__columns { display: grid; max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16)); overflow: auto; grid-auto-rows: min-content; grid-template-columns: min-content minmax(max-content, 1fr) calc(140 * 1rem / var(--kolibri-root-font-size, 16)) auto auto; } .kol-table-settings__column { display: grid; align-items: center; grid-template-columns: subgrid; grid-column: 1/6; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table { --kol-table-selection-col-width: var(--a11y-min-size); display: block; position: relative; max-width: 100%; } .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container { outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } .kol-table__scroll-container { overflow-x: auto; overflow-y: hidden; } .kol-table__table { table-layout: fixed; } .kol-table__caption { min-height: var(--a11y-min-size); text-align: start; } .kol-table__settings:not(:has(~ .kol-table__scroll-container .kol-table__caption)) { min-height: var(--a11y-min-size); } .kol-table__sort-button.kol-button { color: inherit; } .kol-table__sort { display: inline-flex; align-items: center; } .kol-table__sort-order { display: inline-flex; align-items: center; justify-content: center; } .kol-table__body { text-align: left; } .kol-table__body .kol-button__text { justify-items: start; } .kol-table__body:has(.kol-table__loader--shown) { position: relative; min-height: calc(var(--a11y-min-size) * 3); } .kol-table__cell--align-left { text-align: left; } .kol-table__cell--align-left .kol-table__sort-button .kol-button__text { align-items: start; text-align: start; } .kol-table__cell--align-left .kol-table__cell-actions { justify-content: flex-start; } .kol-table__cell--align-center { text-align: center; } .kol-table__cell--align-center .kol-table__sort-button .kol-button__text { align-items: center; } .kol-table__cell--align-right { text-align: right; } .kol-table__cell--align-right .kol-table__sort-button .kol-button__text { align-items: end; text-align: end; } .kol-table__cell--align-right .kol-table__cell-actions { justify-content: flex-end; } .kol-table__cell--selection { background-color: white; position: sticky !important; left: 0; z-index: 2; width: var(--kol-table-selection-col-width, auto); min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); white-space: nowrap; } .kol-table__cell--actions { white-space: nowrap; } .kol-table__cell--actions .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table__cell--actions :host { display: inline-block; } .kol-table__cell--actions .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-table__cell--actions .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-table__cell--actions .kol-button__interactive-element::before { content: ""; } .kol-table__cell--actions .kol-button__text { flex: 1 0 100%; } .kol-table__cell--actions .kol-button { } .kol-table__cell--actions .kol-button__tooltip { height: 0; } .kol-table__cell--actions .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-table__cell--actions .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-table__cell--actions .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table__cell--actions :host { display: inline-block; } .kol-table__cell--actions .kol-link { display: inline-flex; max-width: fit-content; } .kol-table__cell--actions .kol-link--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: stretch; } .kol-table__cell--actions .kol-link--standalone .kol-link__interactive-element { align-items: stretch; } .kol-table__cell--actions .kol-link--standalone .kol-link__text { display: inline-flex; flex: 1 1 100%; place-items: center; } .kol-table__cell--actions .kol-link__interactive-element { display: inline-flex; flex: 1; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-table__cell--actions .kol-link__interactive-element:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link__interactive-element:hover:not([aria-disabled], [disabled]) .kol-span__label { text-decoration-thickness: 0.2em; } .kol-table__cell--actions .kol-link .kol-span__label { text-decoration-line: underline; } .kol-table__cell--actions .kol-link__icon { display: inline-flex; } .kol-table__cell--sticky-left, .kol-table__cell--sticky-right { background-color: white; position: sticky !important; z-index: 1; } .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) { border-right: 2px solid black; } .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) { border-left: 2px solid black; } .kol-table__cell-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .kol-table__cell-states { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .kol-table__spacer { display: none; } .kol-table__selection { position: relative; } .kol-table__selection-label { display: flex; position: relative; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; } .kol-table__selection-label:not(.kol-table__selection-label--disabled) { cursor: pointer; } .kol-table__selection-label--disabled { cursor: not-allowed; } .kol-table__selection-icon { display: block; position: absolute; inset: auto; z-index: 1; } .kol-table__selection-input { border-style: solid; margin: 0; appearance: none; cursor: pointer; } .kol-table__selection-input:disabled { cursor: not-allowed; } .kol-table__selection-input:before { content: ""; } .kol-table__selection-input--checkbox { background-color: white; display: flex; position: relative; min-width: calc(var(--a11y-min-size) / 2); min-height: calc(var(--a11y-min-size) / 2); border-width: 2px; align-items: center; justify-content: center; line-height: 1.5; } .kol-table__selection-input--radio { border-radius: 100%; display: flex; width: 1.5em; min-width: 1.5em; height: 1.5em; min-height: 1.5em; padding: 0; border-width: 2px; } .kol-table__selection-input--radio:before { border-radius: 100%; width: 0.75em; height: 0.75em; margin: auto; } .kol-table__selection-input--radio:checked:before { background-color: black; } @media (forced-colors: active) { .kol-table__selection-input--radio:checked:before { background-color: selectedItem !important; } } .kol-table__loader--shown { background: white; display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; align-items: center; justify-content: center; } .kol-spin { display: contents; } .kol-spin__spinner { display: block; position: relative; } }`;
|
|
37291
|
+
const defaultStyleCss$7 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { @keyframes rotate { to { transform: rotate(1turn); } } @keyframes growingCircle { 0% { opacity: 0.5; border-color: white; clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); } 25% { opacity: 0.75; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); } 50% { opacity: 1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); } 75% { opacity: 1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); } 100% { opacity: 0.1; border-color: var(--kol-spin-color, var(--kol-theme-spin-color, black)); clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } } .kol-spin__spinner--cycle { width: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(var(--kol-spin-size, 48) * 1rem / var(--kolibri-root-font-size, 16)); } .kol-spin__spinner--cycle .kol-spin__loader { border-radius: 50%; display: block; position: relative; width: 100%; height: 100%; animation: 2s linear infinite rotate; } @media (prefers-reduced-motion) { .kol-spin__spinner--cycle .kol-spin__loader { animation-duration: 4s !important; } } .kol-spin__spinner--cycle .kol-spin__loader::before { border-radius: 50%; position: absolute; inset: 0; content: ""; animation: 3s linear infinite growingCircle; border: 5px solid var(--kol-spin-color, var(--kol-theme-spin-color, #333)); } @media (prefers-reduced-motion) { .kol-spin__spinner--cycle .kol-spin__loader::before { animation-duration: 6s !important; } } } @layer kol-component { @keyframes spin1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes spin2 { 0% { transform: translate(0, 0); } 100% { transform: translate(calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)), 0); } } @keyframes spin3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @media (prefers-reduced-motion) { .kol-spin__spinner-element { animation-duration: 2s !important; } } .kol-spin__spinner--dot { --kol-spin-border-width: calc(var(--kol-spin-size, 13) / 10); width: calc(calc(var(--kol-spin-size, 13) * 3 + 2) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width) * 2) * 1rem / var(--kolibri-root-font-size, 16)); } .kol-spin__spinner--dot .kol-spin__spinner-element { background-color: var(--kol-spin-color, var(--kol-theme-spin-color, #000)); border-radius: 50%; position: absolute; top: 1px; width: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)); height: calc(var(--kol-spin-size, 13) * 1rem / var(--kolibri-root-font-size, 16)); animation-timing-function: cubic-bezier(0, 1, 1, 0); border: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)) solid white; } .kol-spin__spinner--dot .kol-spin__spinner-element--1 { left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 0; animation: 1s infinite spin1; } .kol-spin__spinner--dot .kol-spin__spinner-element--2 { left: calc(var(--kol-spin-border-width) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; animation: 1s infinite spin2; } .kol-spin__spinner--dot .kol-spin__spinner-element--3 { left: calc(calc(var(--kol-spin-size, 13) + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; animation: 1s infinite spin2; } .kol-spin__spinner--dot .kol-spin__spinner-element--neutral { opacity: 0.6; left: calc(calc(var(--kol-spin-size, 13) * 2 + var(--kol-spin-border-width)) * 1rem / var(--kolibri-root-font-size, 16)); z-index: 0; animation: 1s infinite spin3; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-card :host { display: inline-block; } .kol-card .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-card .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-card .kol-button__interactive-element::before { content: ""; } .kol-card .kol-button__text { flex: 1 0 100%; } .kol-card .kol-button { } .kol-card .kol-button__tooltip { height: 0; } .kol-card .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-card .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-card { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: grid; height: 100%; overflow: visible; grid-template-areas: "header close" "content content"; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; } .kol-card__header { align-self: start; grid-area: header; } .kol-card__content { align-self: stretch; grid-area: content; } .kol-card__close-button { grid-area: close; } .kol-card:has(.kol-card__link) { position: relative; } .kol-card__link::after { position: absolute; inset: 0; content: ""; cursor: pointer; } .kol-dialog, .kol-modal { min-height: var(--a11y-min-size); padding: 0; border: 0; overscroll-behavior: contain; } .kol-dialog__close-button, .kol-modal__close-button { position: absolute; top: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); right: calc(1 * 1rem / var(--kolibri-root-font-size, 16)); z-index: 1; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-button__interactive-element::before { content: ""; } .kol-button__text { flex: 1 0 100%; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-popover-button { display: inline; } .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-popover-button--inline { display: inline-block; } .kol-popover-button--inline .kol-button, .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-table-settings { position: absolute; top: 0; right: 0; z-index: 1; } .kol-table-settings .kol-popover-button__popover { background: white; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); border: 1px solid black; } .kol-table-settings__columns { display: grid; max-height: calc(200 * 1rem / var(--kolibri-root-font-size, 16)); overflow: auto; grid-auto-rows: min-content; grid-template-columns: min-content minmax(max-content, 1fr) calc(140 * 1rem / var(--kolibri-root-font-size, 16)) auto auto; } .kol-table-settings__column { display: grid; align-items: center; grid-template-columns: subgrid; grid-column: 1/6; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table { --kol-table-selection-col-width: var(--a11y-min-size); display: block; position: relative; max-width: 100%; } .kol-table:has(.kol-table__focus-element:focus) .kol-table__scroll-container { outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; } .kol-table__scroll-container { overflow-x: auto; overflow-y: hidden; } .kol-table__table { table-layout: fixed; } .kol-table__caption { min-height: var(--a11y-min-size); text-align: start; } .kol-table__settings:not(:has(~ .kol-table__scroll-container .kol-table__caption)) { min-height: var(--a11y-min-size); } .kol-table__sort-button.kol-button { color: inherit; } .kol-table__sort { display: inline-flex; align-items: center; } .kol-table__sort-order { display: inline-flex; align-items: center; justify-content: center; } .kol-table__body { text-align: left; } .kol-table__body .kol-button__text { justify-items: start; } .kol-table__body:has(.kol-table__loader--shown) { position: relative; min-height: calc(var(--a11y-min-size) * 3); } .kol-table__cell--align-left { text-align: left; } .kol-table__cell--align-left .kol-table__sort-button .kol-button__text { align-items: start; text-align: start; } .kol-table__cell--align-left .kol-table__cell-actions { justify-content: flex-start; } .kol-table__cell--align-center { text-align: center; } .kol-table__cell--align-center .kol-table__sort-button .kol-button__text { align-items: center; } .kol-table__cell--align-right { text-align: right; } .kol-table__cell--align-right .kol-table__sort-button .kol-button__text { align-items: end; text-align: end; } .kol-table__cell--align-right .kol-table__cell-actions { justify-content: flex-end; } .kol-table__cell--selection { background-color: white; position: sticky !important; left: 0; z-index: 2; width: var(--kol-table-selection-col-width, auto); min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); white-space: nowrap; } .kol-table__cell--actions { white-space: nowrap; } .kol-table__cell--actions .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table__cell--actions :host { display: inline-block; } .kol-table__cell--actions .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-table__cell--actions .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-table__cell--actions .kol-button__interactive-element::before { content: ""; } .kol-table__cell--actions .kol-button__text { flex: 1 0 100%; } .kol-table__cell--actions .kol-button { } .kol-table__cell--actions .kol-button__tooltip { height: 0; } .kol-table__cell--actions .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-table__cell--actions .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-table__cell--actions .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-table__cell--actions :host { display: inline-block; } .kol-table__cell--actions .kol-link { display: inline-flex; max-width: fit-content; } .kol-table__cell--actions .kol-link--standalone { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: stretch; } .kol-table__cell--actions .kol-link--standalone .kol-link__interactive-element { align-items: stretch; } .kol-table__cell--actions .kol-link--standalone .kol-link__text { display: inline-flex; flex: 1 1 100%; place-items: center; } .kol-table__cell--actions .kol-link__interactive-element { display: inline-flex; flex: 1; align-items: baseline; place-items: center; text-align: left; text-decoration-line: none; } .kol-table__cell--actions .kol-link__interactive-element:focus:not([aria-disabled], [disabled]) .kol-span__label, .kol-table__cell--actions .kol-link__interactive-element:hover:not([aria-disabled], [disabled]) .kol-span__label { text-decoration-thickness: 0.2em; } .kol-table__cell--actions .kol-link .kol-span__label { text-decoration-line: underline; } .kol-table__cell--actions .kol-link__icon { display: inline-flex; } .kol-table__cell--sticky-left, .kol-table__cell--sticky-right { background-color: white; position: sticky !important; z-index: 1; } .kol-table__cell--sticky-left:nth-last-child(1 of .kol-table__cell--sticky-left) { border-right: 2px solid black; } .kol-table__cell--sticky-right:nth-child(1 of .kol-table__cell--sticky-left) { border-left: 2px solid black; } .kol-table__cell-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .kol-table__cell-states { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .kol-table__spacer { display: none; } .kol-table__selection { position: relative; } .kol-table__selection-label { display: flex; position: relative; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; } .kol-table__selection-label:not(.kol-table__selection-label--disabled) { cursor: pointer; } .kol-table__selection-label--disabled { cursor: not-allowed; } .kol-table__selection-icon { display: block; position: absolute; inset: auto; z-index: 1; } .kol-table__selection-input { border-style: solid; margin: 0; appearance: none; cursor: pointer; } .kol-table__selection-input:disabled { cursor: not-allowed; } .kol-table__selection-input:before { content: ""; } .kol-table__selection-input--checkbox { background-color: white; display: flex; position: relative; min-width: calc(var(--a11y-min-size) / 2); min-height: calc(var(--a11y-min-size) / 2); border-width: 2px; align-items: center; justify-content: center; line-height: 1.5; } .kol-table__selection-input--radio { border-radius: 100%; display: flex; width: 1.5em; min-width: 1.5em; height: 1.5em; min-height: 1.5em; padding: 0; border-width: 2px; } .kol-table__selection-input--radio:before { border-radius: 100%; width: 0.75em; height: 0.75em; margin: auto; } .kol-table__selection-input--radio:checked:before { background-color: black; } @media (forced-colors: active) { .kol-table__selection-input--radio:checked:before { background-color: selectedItem !important; } } .kol-table__loader--shown { background: white; display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; align-items: center; justify-content: center; } .kol-spin { display: contents; } .kol-spin__spinner { display: block; position: relative; } }`;
|
|
37096
37292
|
|
|
37097
37293
|
class KolTableStateless extends BaseTableStatelessWebComponent {
|
|
37098
37294
|
constructor(hostRef) {
|
|
@@ -37188,7 +37384,7 @@ class KolTableStateless extends BaseTableStatelessWebComponent {
|
|
|
37188
37384
|
this.syncTableLabel(this.externalLabelElements);
|
|
37189
37385
|
}
|
|
37190
37386
|
render() {
|
|
37191
|
-
return hAsync(Host, { key: '
|
|
37387
|
+
return hAsync(Host, { key: '807496cd8244e8fad1828c8cf3f5c23301d6e9f4' }, this.renderTableStatelessFC());
|
|
37192
37388
|
}
|
|
37193
37389
|
get host() { return getElement(this); }
|
|
37194
37390
|
static get watchers() { return {
|
|
@@ -37349,7 +37545,7 @@ const TabsFC = (props) => {
|
|
|
37349
37545
|
return (hAsync(BemRootNodeFC, { block: "kol-tabs", modifiers: { [`align-${align}`]: true }, class: hostClass, ref: refRoot }, hAsync("div", { class: BEM_CLASS_TABS__BUTTON_GROUP }, hAsync("div", { "aria-label": label, class: BEM_CLASS_TABS__TABLIST, role: "tablist", tabIndex: -1, onKeyDown: handleKeyDown, onBlur: handleBlur }, tabButtons.map(({ buttonProps, refBox }) => (hAsync("div", { class: BEM_CLASS_TABS__TAB, ref: refBox }, hAsync(ButtonFC, Object.assign({}, buttonProps)))))), hasCreateButton && (hAsync("div", { class: BEM_CLASS_TABS__BUTTON_CREATE, ref: createButton.refBox }, hAsync(ButtonFC, Object.assign({}, createButton.buttonProps))))), hAsync("div", { class: BEM_CLASS_TABS__CONTENT, ref: refContent })));
|
|
37350
37546
|
};
|
|
37351
37547
|
|
|
37352
|
-
const defaultStyleCss$6 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-tabs { display: var(--display); grid-template-columns: var(--grid-template-columns); grid-template-rows: var(--grid-template-rows); } .kol-tabs--align-right { --display: grid; --grid-template-columns: 1fr auto; --button-group-flex-direction: column; --button-group-order: 2; } .kol-tabs--align-left { --display: grid; --grid-template-columns: auto 1fr; --button-group-flex-direction: column; --button-group-order: 0; } .kol-tabs--align-bottom { --display: grid; --grid-template-rows: 1fr auto; --button-group-order: 2; } .kol-tabs__tabs-align-top { --display: grid; --grid-template-rows: auto 1fr; --button-group-order: 0; } .kol-tabs__button-group { display: flex; order: var(--button-group-order); flex-direction: var(--button-group-flex-direction); flex-wrap: wrap; } .kol-tabs__button-group .kol-button { display: block; } .kol-tabs__button-group .kol-button .kol-button__interactive-element { border-bottom-color: transparent; border-bottom-style: solid; } @media (forced-colors: active) { .kol-tabs__button-group .kol-button.selected { outline: 3px solid Highlight; outline-offset: -3px; } .kol-tabs__button-group .kol-button.selected:has(.kol-button__interactive-element:focus-visible) { outline-style: dashed; } } .kol-tabs__tablist { display: flex; flex-direction: var(--button-group-flex-direction); flex-wrap: wrap; } .kol-tabs__panel { height: 100%; } }`;
|
|
37548
|
+
const defaultStyleCss$6 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-tabs { display: var(--display); grid-template-columns: var(--grid-template-columns); grid-template-rows: var(--grid-template-rows); } .kol-tabs--align-right { --display: grid; --grid-template-columns: 1fr auto; --button-group-flex-direction: column; --button-group-order: 2; } .kol-tabs--align-left { --display: grid; --grid-template-columns: auto 1fr; --button-group-flex-direction: column; --button-group-order: 0; } .kol-tabs--align-bottom { --display: grid; --grid-template-rows: 1fr auto; --button-group-order: 2; } .kol-tabs__tabs-align-top { --display: grid; --grid-template-rows: auto 1fr; --button-group-order: 0; } .kol-tabs__button-group { display: flex; order: var(--button-group-order); flex-direction: var(--button-group-flex-direction); flex-wrap: wrap; } .kol-tabs__button-group .kol-button { display: block; } .kol-tabs__button-group .kol-button .kol-button__interactive-element { border-bottom-color: transparent; border-bottom-style: solid; } @media (forced-colors: active) { .kol-tabs__button-group .kol-button.selected { outline: 3px solid Highlight; outline-offset: -3px; } .kol-tabs__button-group .kol-button.selected:has(.kol-button__interactive-element:focus-visible) { outline-style: dashed; } } .kol-tabs__tablist { display: flex; flex-direction: var(--button-group-flex-direction); flex-wrap: wrap; } .kol-tabs__panel { height: 100%; } }`;
|
|
37353
37549
|
|
|
37354
37550
|
class KolTabs extends BaseWebComponent {
|
|
37355
37551
|
constructor(hostRef) {
|
|
@@ -37634,7 +37830,7 @@ class KolTabs extends BaseWebComponent {
|
|
|
37634
37830
|
});
|
|
37635
37831
|
}
|
|
37636
37832
|
render() {
|
|
37637
|
-
return (hAsync(Host, { key: '
|
|
37833
|
+
return (hAsync(Host, { key: '8ba3090ed45d0916a88550ce07af057eaf3eb176' }, hAsync(TabsFC, { key: '7cf63f2573d355487d988c3bee1bdcccba7732fc', align: this.getRenderProp('align'), behavior: this.getRenderProp('behavior'), createButton: this.createButton, handleBlur: this.handleBlur, handleKeyDown: this.handleKeyDown, hasCreateButton: this.getRenderProp('hasCreateButton'), label: this.getRenderProp('label'), on: this.getRenderProp('on'), refContent: this.setContentRef, refRoot: this.setRootRef, selected: this.getRenderProp('selected'), tabButtons: this.tabButtons, tabs: this.getRenderProp('tabs') })));
|
|
37638
37834
|
}
|
|
37639
37835
|
get host() { return getElement(this); }
|
|
37640
37836
|
static get watchers() { return {
|
|
@@ -37714,7 +37910,7 @@ const textareaPropsConfig = {
|
|
|
37714
37910
|
],
|
|
37715
37911
|
};
|
|
37716
37912
|
|
|
37717
|
-
const defaultStyleCss$5 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-textarea { width: 100%; } }`;
|
|
37913
|
+
const defaultStyleCss$5 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-button { background-color: transparent; display: inline-block; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); margin: 0; padding: 0; text-align: center; } .kol-button__interactive-element { border-style: none; display: block; border-width: medium; font-weight: inherit; font-style: inherit; text-align: inherit; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } .kol-form-field .kol-popover-button { display: inline; } .kol-form-field .kol-popover-button__popover { margin: 0; padding: 0; border: 0; } .kol-form-field .kol-popover-button--open .kol-button__tooltip { display: none; } .kol-form-field .kol-popover-button--inline { display: inline-block; } .kol-form-field .kol-popover-button--inline .kol-button, .kol-form-field .kol-popover-button--inline .kol-button .kol-button__interactive-element { min-width: 0; min-height: 1em; } .kol-form-field .kol-popover { opacity: 0; transition: 0.2s ease-out opacity; } .kol-form-field .kol-popover-button--open .kol-popover-button__popover { opacity: 1; } .kol-form-field { display: grid; } .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label { cursor: pointer; } .kol-form-field__label { display: flex; } .kol-form-field__label-text { flex-flow: row; align-items: flex-start; justify-content: flex-start; } .kol-form-field--required .kol-form-field__label-text:has(.kol-span__slot[hidden]) .kol-span__label::after, .kol-form-field--required:not(:has(.kol-form-field__label--legend)) .kol-form-field__input .kol-tooltip__content .kol-span__label::after { content: "*"/""; } .kol-input-container { background-color: transparent; display: grid; position: relative; width: 100%; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; grid-template-columns: 1fr; } .kol-input-container:has(> .kol-input-container__adornment--start) { grid-template-columns: auto 1fr auto; } .kol-input-container__container { position: relative; z-index: 1; } .kol-input-container__adornment { display: flex; align-items: center; } .kol-input-container__adornment .kol-icon { display: grid; place-items: center; } .kol-textarea { width: 100%; } }`;
|
|
37718
37914
|
|
|
37719
37915
|
class KolTextarea extends BaseFormFieldWebComponent {
|
|
37720
37916
|
constructor(hostRef) {
|
|
@@ -37984,7 +38180,7 @@ class KolTextarea extends BaseFormFieldWebComponent {
|
|
|
37984
38180
|
render() {
|
|
37985
38181
|
const disabled = this.getRenderProp('disabled');
|
|
37986
38182
|
const { startAdornment, endAdornment } = getInputAdornments({ icons: this.getRenderProp('icons') });
|
|
37987
|
-
return (hAsync(Host, { key: '
|
|
38183
|
+
return (hAsync(Host, { key: '161129fbede4d54e4a6c8ae3c3bdd9e9ad0bf3c5' }, hAsync(FormFieldFC, Object.assign({ key: 'aa5e9dbb0f7f6c87e35bbd41b9aa38d68f747c6b' }, this.getFormFieldProps({
|
|
37988
38184
|
class: clsx('kol-form-field-textarea', {
|
|
37989
38185
|
'kol-form-field--has-value': this.hasValue,
|
|
37990
38186
|
'kol-form-field--has-counter': this.counter.hasSoftLimit() || this.counter.hasCounter(),
|
|
@@ -37996,7 +38192,7 @@ class KolTextarea extends BaseFormFieldWebComponent {
|
|
|
37996
38192
|
readOnly: this.getRenderProp('readOnly'),
|
|
37997
38193
|
maxLength: this.counter.getRenderProp('maxLength'),
|
|
37998
38194
|
counter: this.counter.getCounterProps(),
|
|
37999
|
-
})), hAsync(InputContainerFC, { key: '
|
|
38195
|
+
})), hAsync(InputContainerFC, { key: '7701f77fad1e141cb8448ad4c39efd68acb7c042', disabled: disabled, msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, hAsync(TextAreaFC, Object.assign({ key: '309d1a4110212f985ab1cda2fc71fd7732d11e1b' }, this.getTextareaProps()))))));
|
|
38000
38196
|
}
|
|
38001
38197
|
get host() { return getElement(this); }
|
|
38002
38198
|
static get watchers() { return {
|
|
@@ -38145,7 +38341,7 @@ const ToastItemFc = (_a) => {
|
|
|
38145
38341
|
return (hAsync("div", { class: clsx('kol-toast-item', `kol-toast-item--${status}`) }, hAsync(AlertFC, { alert: true, class: "kol-toast-item__alert", closerAriaDescriptionId: nonce(), handleCloserClick: onClose, hasCloser: true, headingId: createUniqueId('alert-heading'), label: label, level: 0, refCloserButton: () => undefined, refCloserTooltip: () => undefined, type: type, variant: variant || 'card' }, hAsync("div", Object.assign({}, other), description))));
|
|
38146
38342
|
};
|
|
38147
38343
|
|
|
38148
|
-
const defaultStyleCss$4 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
38344
|
+
const defaultStyleCss$4 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @layer kol-component { :host { display: block; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-alert .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-alert :host { display: inline-block; } .kol-alert .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-alert .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-alert .kol-button__interactive-element::before { content: ""; } .kol-alert .kol-button__text { flex: 1 0 100%; } .kol-alert .kol-button { } .kol-alert .kol-button__tooltip { height: 0; } .kol-alert .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-alert .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-alert { display: grid; grid-template-areas: "icon heading close" "icon content close"; grid-template-columns: min-content 1fr min-content; grid-template-rows: min-content min-content; } .kol-alert__icon { grid-area: icon; } .kol-alert__heading { grid-area: heading; } .kol-alert__closer { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); grid-area: close; } .kol-alert__content { grid-area: content; } :host { display: flex; position: fixed; z-index: 200; max-width: 90vw; flex-direction: column; } .kol-toast-container__close-all { align-self: flex-end; } }`;
|
|
38149
38345
|
|
|
38150
38346
|
const TRANSITION_TIMEOUT = 300;
|
|
38151
38347
|
class KolToastContainer {
|
|
@@ -38218,7 +38414,7 @@ class KolToastContainer {
|
|
|
38218
38414
|
}
|
|
38219
38415
|
}
|
|
38220
38416
|
render() {
|
|
38221
|
-
return (hAsync(Host, { key: '
|
|
38417
|
+
return (hAsync(Host, { key: '32f62b0aeffe04b6a1ae8fc59f9e9d1fbc655d9c', class: "kol-toast-container" }, this.state._toastStates.length > 1 && (hAsync(KolButtonTag, { key: 'b5f2a8f309f662e34e894e9b32190a5645bbc161', _label: this.translateToastCloseAll, class: "kol-toast-container__button-close-all", _on: {
|
|
38222
38418
|
onClick: () => {
|
|
38223
38419
|
void this.closeAll();
|
|
38224
38420
|
},
|
|
@@ -38376,7 +38572,7 @@ const createHRItem = () => {
|
|
|
38376
38572
|
};
|
|
38377
38573
|
};
|
|
38378
38574
|
|
|
38379
|
-
const defaultStyleCss$3 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794493099910"); src: url("kolicons.eot?t=1794493099910#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794493099910") format("woff2"), url("kolicons.woff?t=1794493099910") format("woff"), url("kolicons.ttf?t=1794493099910") format("truetype"), url("kolicons.svg?t=1794493099910#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-link { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-link__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-link__interactive-element::before { content: ""; } .kol-link__text { flex: 1 0 100%; } .kol-link { } .kol-link__tooltip { height: 0; } .kol-link--external-link > .kolicon-link-external::before { content: none; } .kol-link--external-link .kol-link__interactive-element > .kolicon-link-external::before { content: none; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-button__interactive-element::before { content: ""; } .kol-button__text { flex: 1 0 100%; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-toolbar { display: flex; flex-wrap: wrap; align-items: stretch; } .kol-toolbar--orientation-horizontal .kol-toolbar__item hr { height: 100%; } .kol-toolbar--orientation-vertical { flex-direction: column; align-items: stretch; } .kol-toolbar--orientation-vertical .kol-span { align-items: flex-start; } .kol-toolbar__item hr { margin: 0; } .kol-toolbar:focus-within { outline: 1px solid; outline-offset: 2px; } }`;
|
|
38575
|
+
const defaultStyleCss$3 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tooltip { display: contents; } .kol-tooltip__floating { opacity: 0; display: none; position: fixed; top: 0; left: 0; width: var(--kol-tooltip-width, max-content); min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16)); max-width: 90vw; max-height: 90vh; animation-direction: normal; animation-duration: var(--kolibri-tooltip-animation-duration, 250ms); animation-fill-mode: forwards; animation-iteration-count: 1; animation-timing-function: ease-in; } .kol-tooltip__floating.hide { animation-name: hideTooltip; } .kol-tooltip__floating.show { animation-name: showTooltip; } .kol-tooltip__arrow { transform: rotate(45deg); color: black; background-color: white; position: absolute; z-index: 999; width: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); height: calc(10 * 1rem / var(--kolibri-root-font-size, 16)); } .kol-tooltip__content { color: black; background-color: white; position: relative; z-index: 1000; } @keyframes hideTooltip { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes showTooltip { 0% { opacity: 0; } 100% { opacity: 1; } } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-link { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-link__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-link__interactive-element::before { content: ""; } .kol-link__text { flex: 1 0 100%; } .kol-link { } .kol-link__tooltip { height: 0; } .kol-link--external-link > .kolicon-link-external::before { content: none; } .kol-link--external-link .kol-link__interactive-element > .kolicon-link-external::before { content: none; } .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } :host { display: inline-block; } .kol-button { display: flex; height: 100%; min-height: var(--a11y-min-size); text-decoration-line: none; } .kol-button__interactive-element { display: flex; flex: 1; text-align: left; text-decoration-line: none; } .kol-button__interactive-element::before { content: ""; } .kol-button__text { flex: 1 0 100%; } .kol-button { } .kol-button__tooltip { height: 0; } .kol-button--external-link > .kolicon-link-external::before { content: none; } .kol-button--external-link .kol-button__interactive-element > .kolicon-link-external::before { content: none; } .kol-toolbar { display: flex; flex-wrap: wrap; align-items: stretch; } .kol-toolbar--orientation-horizontal .kol-toolbar__item hr { height: 100%; } .kol-toolbar--orientation-vertical { flex-direction: column; align-items: stretch; } .kol-toolbar--orientation-vertical .kol-span { align-items: flex-start; } .kol-toolbar__item hr { margin: 0; } .kol-toolbar:focus-within { outline: 1px solid; outline-offset: 2px; } }`;
|
|
38380
38576
|
|
|
38381
38577
|
const ARROW_KEYS = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft];
|
|
38382
38578
|
class KolToolbar extends BaseWebComponent {
|
|
@@ -38469,7 +38665,7 @@ class KolToolbar extends BaseWebComponent {
|
|
|
38469
38665
|
return undefined;
|
|
38470
38666
|
}
|
|
38471
38667
|
render() {
|
|
38472
|
-
return (hAsync(Host, { key: '
|
|
38668
|
+
return (hAsync(Host, { key: '3c2207922cdab4b44b03337b5f4613fb5bc25d86' }, hAsync(ToolbarFC, { key: 'ccd0c4a040bd9ef60a4e29bb32b55133b601fde6', currentIndex: this.currentIndex, itemRecords: this.itemRecords, label: this.getRenderProp('label'), location: this.location, orientation: this.getRenderProp('orientation') })));
|
|
38473
38669
|
}
|
|
38474
38670
|
get host() { return getElement(this); }
|
|
38475
38671
|
static get watchers() { return {
|
|
@@ -38505,83 +38701,6 @@ class KolToolbar extends BaseWebComponent {
|
|
|
38505
38701
|
}; }
|
|
38506
38702
|
}
|
|
38507
38703
|
|
|
38508
|
-
class KolTooltipWc {
|
|
38509
|
-
constructor(hostRef) {
|
|
38510
|
-
registerInstance(this, hostRef);
|
|
38511
|
-
this.tooltipBehavior = new TooltipBehavior(BaseWebComponent.stateLess);
|
|
38512
|
-
this._badgeText = undefined;
|
|
38513
|
-
this._align = 'top';
|
|
38514
|
-
this._id = undefined;
|
|
38515
|
-
}
|
|
38516
|
-
validateAlign(value) {
|
|
38517
|
-
var _a;
|
|
38518
|
-
(_a = this.tooltipBehavior) === null || _a === void 0 ? void 0 : _a.watchAlign(value);
|
|
38519
|
-
}
|
|
38520
|
-
validateId(value) {
|
|
38521
|
-
var _a;
|
|
38522
|
-
(_a = this.tooltipBehavior) === null || _a === void 0 ? void 0 : _a.watchId(value);
|
|
38523
|
-
}
|
|
38524
|
-
validateLabel(value) {
|
|
38525
|
-
var _a;
|
|
38526
|
-
(_a = this.tooltipBehavior) === null || _a === void 0 ? void 0 : _a.watchLabel(value);
|
|
38527
|
-
}
|
|
38528
|
-
hideTooltip() {
|
|
38529
|
-
var _a;
|
|
38530
|
-
return Promise.resolve((_a = this.tooltipBehavior) === null || _a === void 0 ? void 0 : _a.hideTooltip());
|
|
38531
|
-
}
|
|
38532
|
-
connectedCallback() {
|
|
38533
|
-
var _a, _b, _c;
|
|
38534
|
-
(_a = this.tooltipBehavior) === null || _a === void 0 ? void 0 : _a.initContext(((_c = (_b = this.host) === null || _b === void 0 ? void 0 : _b.previousElementSibling) !== null && _c !== void 0 ? _c : undefined));
|
|
38535
|
-
}
|
|
38536
|
-
componentWillLoad() {
|
|
38537
|
-
this.tooltipBehavior.componentWillLoad({
|
|
38538
|
-
label: this._label,
|
|
38539
|
-
align: this._align,
|
|
38540
|
-
badgeText: this._badgeText,
|
|
38541
|
-
id: this._id,
|
|
38542
|
-
});
|
|
38543
|
-
}
|
|
38544
|
-
componentDidRender() {
|
|
38545
|
-
var _a;
|
|
38546
|
-
if (this.host) {
|
|
38547
|
-
(_a = this.tooltipBehavior) === null || _a === void 0 ? void 0 : _a.handleEventListeners(this.host);
|
|
38548
|
-
}
|
|
38549
|
-
}
|
|
38550
|
-
disconnectedCallback() {
|
|
38551
|
-
var _a;
|
|
38552
|
-
(_a = this.tooltipBehavior) === null || _a === void 0 ? void 0 : _a.destroy();
|
|
38553
|
-
}
|
|
38554
|
-
render() {
|
|
38555
|
-
return (hAsync(Host, { key: 'd36c595b4ac8424320bc5ecaae1080197521c8b1', class: "kol-tooltip" }, hAsync(TooltipFC, { key: '6ba8643d938bed5ccfadd4579acc6478426f3c5e', label: this.tooltipBehavior.getRenderProp('label'), badgeText: this._badgeText, id: this.tooltipBehavior.getRenderProp('id'), refFloating: (el) => { var _a; return (_a = this.tooltipBehavior) === null || _a === void 0 ? void 0 : _a.setTooltipElementRef(el); } })));
|
|
38556
|
-
}
|
|
38557
|
-
get host() { return getElement(this); }
|
|
38558
|
-
static get watchers() { return {
|
|
38559
|
-
"_align": [{
|
|
38560
|
-
"validateAlign": 0
|
|
38561
|
-
}],
|
|
38562
|
-
"_id": [{
|
|
38563
|
-
"validateId": 0
|
|
38564
|
-
}],
|
|
38565
|
-
"_label": [{
|
|
38566
|
-
"validateLabel": 0
|
|
38567
|
-
}]
|
|
38568
|
-
}; }
|
|
38569
|
-
static get cmpMeta() { return {
|
|
38570
|
-
"$flags$": 0,
|
|
38571
|
-
"$tagName$": "kol-tooltip-wc",
|
|
38572
|
-
"$members$": {
|
|
38573
|
-
"_badgeText": [1, "_badge-text"],
|
|
38574
|
-
"_align": [1],
|
|
38575
|
-
"_id": [1],
|
|
38576
|
-
"_label": [1],
|
|
38577
|
-
"hideTooltip": [64]
|
|
38578
|
-
},
|
|
38579
|
-
"$listeners$": undefined,
|
|
38580
|
-
"$lazyBundleId$": "-",
|
|
38581
|
-
"$attrsToReflect$": []
|
|
38582
|
-
}; }
|
|
38583
|
-
}
|
|
38584
|
-
|
|
38585
38704
|
const treePropsConfig = {
|
|
38586
38705
|
required: [labelProp],
|
|
38587
38706
|
};
|
|
@@ -38832,7 +38951,7 @@ class KolTree extends BaseWebComponent {
|
|
|
38832
38951
|
}
|
|
38833
38952
|
}
|
|
38834
38953
|
render() {
|
|
38835
|
-
return (hAsync(Host, { key: '
|
|
38954
|
+
return (hAsync(Host, { key: '46407a67efb548149a62e371713e0da8ec352863', tabindex: "0" }, hAsync(TreeFC, { key: '2725ae9400123f266b59b8c45b82eac3b83cf5f3', handleSlotchange: this.handleSlotchange, label: this.getRenderProp('label') })));
|
|
38836
38955
|
}
|
|
38837
38956
|
get host() { return getElement(this); }
|
|
38838
38957
|
static get watchers() { return {
|
|
@@ -38873,7 +38992,7 @@ const LINK_DEFAULTS = Object.freeze(buildDefaultPropsFromConfig(linkPropsConfig)
|
|
|
38873
38992
|
const noop = () => undefined;
|
|
38874
38993
|
const TreeItemFC = ({ active, ariaCurrent, groupId, handleAnchorClick, handleSlotchange, handleToggleClick, hasChildren, href, label, level, open, refAnchor, }) => (hAsync("li", { class: BEM_CLASS_TREE_ITEM, role: "none", style: { '--level': `${level}` } }, hAsync("span", { class: treeItemBem('link', { active, 'first-level': level === 0 }) }, hAsync(LinkFC, Object.assign({}, LINK_DEFAULTS, { ariaCurrent: ariaCurrent, ariaDescriptionId: "", ariaExpanded: hasChildren ? (open ? 'true' : 'false') : '', ariaOwns: hasChildren ? groupId : '', expertSlot: true, handleAnchorClick: handleAnchorClick, href: href, label: "", refAnchor: refAnchor, refTooltip: noop, role: "treeitem", tabIndex: active ? 0 : -1 }), hAsync("span", { class: BEM_CLASS_TREE_ITEM__LINK_INNER }, hasChildren ? (hAsync("span", { class: BEM_CLASS_TREE_ITEM__TOGGLE_BUTTON, onClick: handleToggleClick }, hAsync(IconFC, { class: BEM_CLASS_TREE_ITEM__TOGGLE_BUTTON_ICON, icons: `kolicon kolicon-${open ? 'chevron-down' : 'chevron-right'}`, label: '' }))) : (hAsync("span", { class: BEM_CLASS_TREE_ITEM__TOGGLE_BUTTON_PLACEHOLDER })), hAsync("span", { class: BEM_CLASS_TREE_ITEM__TEXT }, renderLabelWithLang(label))))), hAsync("ul", { class: BEM_CLASS_TREE_ITEM__CHILDREN, hidden: !hasChildren || !open, role: "group", id: groupId }, hAsync("slot", { onSlotchange: handleSlotchange }))));
|
|
38875
38994
|
|
|
38876
|
-
const defaultStyleCss$1 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
38995
|
+
const defaultStyleCss$1 = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-tree-item__link .kol-link { display: inline-flex; width: 100%; min-height: var(--a11y-min-size); align-items: center; text-decoration: none; } .kol-tree-item__link .kol-link__interactive-element { flex: 1 1 auto; text-decoration: none; } .kol-tree-item__link-inner { display: flex; align-items: center; } .kol-tree-item__children { margin: 0; padding: 0; list-style: none; } .kol-tree-item .kol-span { place-items: unset; } .kol-tree-item__toggle-button, .kol-tree-item__toggle-button-placeholder { display: inline-flex; min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); align-items: center; justify-content: center; } .kol-tree-item__text { text-decoration: underline; } }`;
|
|
38877
38996
|
|
|
38878
38997
|
class KolTreeItem extends BaseWebComponent {
|
|
38879
38998
|
constructor(hostRef) {
|
|
@@ -38980,7 +39099,7 @@ class KolTreeItem extends BaseWebComponent {
|
|
|
38980
39099
|
}
|
|
38981
39100
|
}
|
|
38982
39101
|
render() {
|
|
38983
|
-
return (hAsync(Host, { key: '
|
|
39102
|
+
return (hAsync(Host, { key: '52b3ee0d7b7d593abeaf27e782a5e3ed384d710f' }, hAsync(TreeItemFC, { key: '8acfdb55c45f3245ca7df0839c734188dcaea5bd', active: this.getRenderProp('active'), ariaCurrent: this.ariaCurrent, groupId: this.groupId, handleAnchorClick: this.handleAnchorClick, handleSlotchange: this.handleSlotchange, handleToggleClick: this.handleToggleClick, hasChildren: this.hasChildren, href: this.getRenderProp('href'), label: this.getRenderProp('label'), level: this.level, open: this.open, refAnchor: this.anchorRef })));
|
|
38984
39103
|
}
|
|
38985
39104
|
get host() { return getElement(this); }
|
|
38986
39105
|
static get watchers() { return {
|
|
@@ -39035,7 +39154,7 @@ const VersionFC = ({ class: hostClass, color, icons, label }) => {
|
|
|
39035
39154
|
return (hAsync(BemRootNodeFC, { block: "kol-version", class: hostClass }, hAsync(BadgeFC, { color: color, icons: icons, label: label })));
|
|
39036
39155
|
};
|
|
39037
39156
|
|
|
39038
|
-
const defaultStyleCss = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=
|
|
39157
|
+
const defaultStyleCss = () => `@charset "UTF-8"; @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component, kol-forced-colors, kol-theme-forced-colors; @layer kol-a11y { :host { --a11y-min-size: max(calc(44 * 1rem / var(--kolibri-root-font-size, 16)), 44px); --kol-a11y-font-color: black; --kol-a11y-background-color: white; color: var(--kol-a11y-font-color); background-color: var(--kol-a11y-background-color); --kol-a11y-font-family: Verdana; font-family: var(--kol-a11y-font-family); letter-spacing: inherit; word-spacing: inherit; text-align: left; } * { hyphens: auto; word-break: break-word; } button, .kol-input .input { min-width: var(--a11y-min-size); min-height: var(--a11y-min-size); } a, button, h1, h2, h3, h4, h5, h6, input, option, select, textarea { color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; } .visually-hidden { position: fixed !important; top: 0; left: 0; width: 1px; height: 1px; margin: 0 !important; padding: 0 !important; overflow: hidden; white-space: nowrap; border: 0; clip-path: inset(50%); } } @layer kol-forced-colors { @media (forced-colors: active) { .kol-button__text { color: ButtonText; background-color: ButtonFace; border: 2px solid ButtonBorder; } .kol-button--disabled .kol-button__text { color: GrayText; border-color: GrayText; } .kol-link__interactive-element[aria-disabled=true], .kol-accordion__heading[aria-disabled=true], .kol-details__heading[aria-disabled=true] { color: GrayText; } .kol-link__interactive-element[aria-disabled=true] .kol-icon, .kol-link__interactive-element[aria-disabled=true] .kol-span__label, .kol-accordion__heading[aria-disabled=true] .kol-icon, .kol-accordion__heading[aria-disabled=true] .kol-span__label, .kol-details__heading[aria-disabled=true] .kol-icon, .kol-details__heading[aria-disabled=true] .kol-span__label { color: GrayText; } input:disabled, select:disabled, textarea:disabled { color: GrayText; border-color: GrayText; } .kol-card, .kol-dialog, .kol-modal { color: CanvasText; background-color: Canvas; border: 1px solid ButtonBorder; } .kol-pagination__button--selected .kol-button { opacity: 1; } .kol-pagination__button--selected .kol-button__text { color: SelectedItemText; background-color: SelectedItem; } .kol-button__interactive-element:focus-visible, .kol-link__interactive-element:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; } } } @layer kol-global { :is(a, button) { background-color: transparent; width: 100%; margin: 0; padding: 0; border: none; } [hidden] { display: none !important; } .badge-text-hint { color: black; background-color: white; } } @layer kol-global { :host { max-width: 100%; font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16)); } * { box-sizing: border-box; } .kol-span { display: flex; flex-flow: column; align-items: center; justify-content: center; } .kol-span__container { display: flex; align-items: center; } a, button { cursor: pointer; } button:disabled { color: unset; } .disabled label, .disabled:focus-within label, [aria-disabled=true], [aria-disabled=true]:focus, [disabled]:where(:not(fieldset)), [disabled]:where(:not(fieldset)):focus { outline: none; cursor: not-allowed; } [aria-disabled=true]:focus .kol-span, [disabled]:focus .kol-span { outline: none !important; } .hastooltip { z-index: 900 !important; } } @font-face { font-family: "kolicons"; src: url("kolicons.eot?t=1794497133718"); src: url("kolicons.eot?t=1794497133718#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1794497133718") format("woff2"), url("kolicons.woff?t=1794497133718") format("woff"), url("kolicons.ttf?t=1794497133718") format("truetype"), url("kolicons.svg?t=1794497133718#kolicons") format("svg"); } @layer kol-component { [class^=kolicon-], [class*=" kolicon-"] { font-family: "kolicons"; font-style: normal; font-weight: 400; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .kolicon-alert-error::before { content: "\\ea01"; } .kolicon-alert-info::before { content: "\\ea02"; } .kolicon-alert-success::before { content: "\\ea03"; } .kolicon-alert-warning::before { content: "\\ea04"; } .kolicon-check::before { content: "\\ea05"; } .kolicon-chevron-double-left::before { content: "\\ea06"; } .kolicon-chevron-double-right::before { content: "\\ea07"; } .kolicon-chevron-down::before { content: "\\ea08"; } .kolicon-chevron-left::before { content: "\\ea09"; } .kolicon-chevron-right::before { content: "\\ea0a"; } .kolicon-chevron-up::before { content: "\\ea0b"; } .kolicon-cogwheel::before { content: "\\ea0c"; } .kolicon-cross::before { content: "\\ea0d"; } .kolicon-eye-closed::before { content: "\\ea0e"; } .kolicon-eye::before { content: "\\ea0f"; } .kolicon-house::before { content: "\\ea10"; } .kolicon-kolibri::before { content: "\\ea11"; } .kolicon-link-external::before { content: "\\ea12"; } .kolicon-link::before { content: "\\ea13"; } .kolicon-minus::before { content: "\\ea14"; } .kolicon-pin-pinned::before { content: "\\ea15"; } .kolicon-pin-unpinned::before { content: "\\ea16"; } .kolicon-plus::before { content: "\\ea17"; } .kolicon-settings::before { content: "\\ea18"; } .kolicon-sort-asc::before { content: "\\ea19"; } .kolicon-sort-desc::before { content: "\\ea1a"; } .kolicon-sort-neutral::before { content: "\\ea1b"; } .kolicon-up::before { content: "\\ea1c"; } .kolicon-version::before { content: "\\ea1d"; } } @layer kol-component { .kol-icon { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; line-height: inherit; } .kol-badge { outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16)); display: flex; align-items: center; justify-content: space-between; } .kol-badge > br { user-select: none; } }`;
|
|
39039
39158
|
|
|
39040
39159
|
const VERSION_COLORS = createContrastColorPair('#bec5c9');
|
|
39041
39160
|
const VERSION_COLOR = { backgroundColor: VERSION_COLORS.background, foregroundColor: VERSION_COLORS.foreground };
|
|
@@ -39053,7 +39172,7 @@ class KolVersion extends BaseWebComponent {
|
|
|
39053
39172
|
labelProp.apply(this._label, (v) => this.setRenderProp('label', v), this.isRequired('label'));
|
|
39054
39173
|
}
|
|
39055
39174
|
render() {
|
|
39056
|
-
return (hAsync(Host, { key: '
|
|
39175
|
+
return (hAsync(Host, { key: '41f3fe21b34ed55fe622cc212cec754c5110292e' }, hAsync(VersionFC, { key: '3239e582b5e207e28c4a2cf92d730278f21afd0b', color: VERSION_COLOR, icons: VERSION_ICON, label: this.getRenderProp('label') })));
|
|
39057
39176
|
}
|
|
39058
39177
|
static get watchers() { return {
|
|
39059
39178
|
"_label": [{
|
|
@@ -39099,6 +39218,7 @@ registerComponents([
|
|
|
39099
39218
|
KolButton,
|
|
39100
39219
|
KolButtonLink,
|
|
39101
39220
|
KolCard,
|
|
39221
|
+
KolClickButton,
|
|
39102
39222
|
KolCombobox,
|
|
39103
39223
|
KolDetails,
|
|
39104
39224
|
KolDialog,
|
|
@@ -39129,6 +39249,7 @@ registerComponents([
|
|
|
39129
39249
|
KolQuote,
|
|
39130
39250
|
KolSelect,
|
|
39131
39251
|
KolSingleSelect,
|
|
39252
|
+
KolSkeleton,
|
|
39132
39253
|
KolSkipNav,
|
|
39133
39254
|
KolSpin,
|
|
39134
39255
|
KolSplitButton,
|
|
@@ -39138,7 +39259,6 @@ registerComponents([
|
|
|
39138
39259
|
KolTextarea,
|
|
39139
39260
|
KolToastContainer,
|
|
39140
39261
|
KolToolbar,
|
|
39141
|
-
KolTooltipWc,
|
|
39142
39262
|
KolTree,
|
|
39143
39263
|
KolTreeItem,
|
|
39144
39264
|
KolVersion,
|