@public-ui/theme-default 2.2.5-rc.0 → 2.2.5
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.cjs +454 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +454 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -4
package/dist/index.mjs
CHANGED
|
@@ -1,12 +1,462 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
var commonjsGlobal
|
|
4
|
+
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
5
|
+
|
|
6
|
+
var loglevel = {exports: {}};
|
|
7
|
+
|
|
8
|
+
/*
|
|
9
|
+
* loglevel - https://github.com/pimterry/loglevel
|
|
10
|
+
*
|
|
11
|
+
* Copyright (c) 2013 Tim Perry
|
|
12
|
+
* Licensed under the MIT license.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
(function (module) {
|
|
16
|
+
(function (root, definition) {
|
|
17
|
+
if (module.exports) {
|
|
18
|
+
module.exports = definition();
|
|
19
|
+
} else {
|
|
20
|
+
root.log = definition();
|
|
21
|
+
}
|
|
22
|
+
}(commonjsGlobal, function () {
|
|
23
|
+
|
|
24
|
+
// Slightly dubious tricks to cut down minimized file size
|
|
25
|
+
var noop = function() {};
|
|
26
|
+
var undefinedType = "undefined";
|
|
27
|
+
var isIE = (typeof window !== undefinedType) && (typeof window.navigator !== undefinedType) && (
|
|
28
|
+
/Trident\/|MSIE /.test(window.navigator.userAgent)
|
|
29
|
+
);
|
|
30
|
+
|
|
31
|
+
var logMethods = [
|
|
32
|
+
"trace",
|
|
33
|
+
"debug",
|
|
34
|
+
"info",
|
|
35
|
+
"warn",
|
|
36
|
+
"error"
|
|
37
|
+
];
|
|
38
|
+
|
|
39
|
+
var _loggersByName = {};
|
|
40
|
+
var defaultLogger = null;
|
|
41
|
+
|
|
42
|
+
// Cross-browser bind equivalent that works at least back to IE6
|
|
43
|
+
function bindMethod(obj, methodName) {
|
|
44
|
+
var method = obj[methodName];
|
|
45
|
+
if (typeof method.bind === 'function') {
|
|
46
|
+
return method.bind(obj);
|
|
47
|
+
} else {
|
|
48
|
+
try {
|
|
49
|
+
return Function.prototype.bind.call(method, obj);
|
|
50
|
+
} catch (e) {
|
|
51
|
+
// Missing bind shim or IE8 + Modernizr, fallback to wrapping
|
|
52
|
+
return function() {
|
|
53
|
+
return Function.prototype.apply.apply(method, [obj, arguments]);
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
// Trace() doesn't print the message in IE, so for that case we need to wrap it
|
|
60
|
+
function traceForIE() {
|
|
61
|
+
if (console.log) {
|
|
62
|
+
if (console.log.apply) {
|
|
63
|
+
console.log.apply(console, arguments);
|
|
64
|
+
} else {
|
|
65
|
+
// In old IE, native console methods themselves don't have apply().
|
|
66
|
+
Function.prototype.apply.apply(console.log, [console, arguments]);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
if (console.trace) console.trace();
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
// Build the best logging method possible for this env
|
|
73
|
+
// Wherever possible we want to bind, not wrap, to preserve stack traces
|
|
74
|
+
function realMethod(methodName) {
|
|
75
|
+
if (methodName === 'debug') {
|
|
76
|
+
methodName = 'log';
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
if (typeof console === undefinedType) {
|
|
80
|
+
return false; // No method possible, for now - fixed later by enableLoggingWhenConsoleArrives
|
|
81
|
+
} else if (methodName === 'trace' && isIE) {
|
|
82
|
+
return traceForIE;
|
|
83
|
+
} else if (console[methodName] !== undefined) {
|
|
84
|
+
return bindMethod(console, methodName);
|
|
85
|
+
} else if (console.log !== undefined) {
|
|
86
|
+
return bindMethod(console, 'log');
|
|
87
|
+
} else {
|
|
88
|
+
return noop;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
// These private functions always need `this` to be set properly
|
|
93
|
+
|
|
94
|
+
function replaceLoggingMethods() {
|
|
95
|
+
/*jshint validthis:true */
|
|
96
|
+
var level = this.getLevel();
|
|
97
|
+
|
|
98
|
+
// Replace the actual methods.
|
|
99
|
+
for (var i = 0; i < logMethods.length; i++) {
|
|
100
|
+
var methodName = logMethods[i];
|
|
101
|
+
this[methodName] = (i < level) ?
|
|
102
|
+
noop :
|
|
103
|
+
this.methodFactory(methodName, level, this.name);
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
// Define log.log as an alias for log.debug
|
|
107
|
+
this.log = this.debug;
|
|
108
|
+
|
|
109
|
+
// Return any important warnings.
|
|
110
|
+
if (typeof console === undefinedType && level < this.levels.SILENT) {
|
|
111
|
+
return "No console available for logging";
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
// In old IE versions, the console isn't present until you first open it.
|
|
116
|
+
// We build realMethod() replacements here that regenerate logging methods
|
|
117
|
+
function enableLoggingWhenConsoleArrives(methodName) {
|
|
118
|
+
return function () {
|
|
119
|
+
if (typeof console !== undefinedType) {
|
|
120
|
+
replaceLoggingMethods.call(this);
|
|
121
|
+
this[methodName].apply(this, arguments);
|
|
122
|
+
}
|
|
123
|
+
};
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
// By default, we use closely bound real methods wherever possible, and
|
|
127
|
+
// otherwise we wait for a console to appear, and then try again.
|
|
128
|
+
function defaultMethodFactory(methodName, _level, _loggerName) {
|
|
129
|
+
/*jshint validthis:true */
|
|
130
|
+
return realMethod(methodName) ||
|
|
131
|
+
enableLoggingWhenConsoleArrives.apply(this, arguments);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
function Logger(name, factory) {
|
|
135
|
+
// Private instance variables.
|
|
136
|
+
var self = this;
|
|
137
|
+
/**
|
|
138
|
+
* The level inherited from a parent logger (or a global default). We
|
|
139
|
+
* cache this here rather than delegating to the parent so that it stays
|
|
140
|
+
* in sync with the actual logging methods that we have installed (the
|
|
141
|
+
* parent could change levels but we might not have rebuilt the loggers
|
|
142
|
+
* in this child yet).
|
|
143
|
+
* @type {number}
|
|
144
|
+
*/
|
|
145
|
+
var inheritedLevel;
|
|
146
|
+
/**
|
|
147
|
+
* The default level for this logger, if any. If set, this overrides
|
|
148
|
+
* `inheritedLevel`.
|
|
149
|
+
* @type {number|null}
|
|
150
|
+
*/
|
|
151
|
+
var defaultLevel;
|
|
152
|
+
/**
|
|
153
|
+
* A user-specific level for this logger. If set, this overrides
|
|
154
|
+
* `defaultLevel`.
|
|
155
|
+
* @type {number|null}
|
|
156
|
+
*/
|
|
157
|
+
var userLevel;
|
|
158
|
+
|
|
159
|
+
var storageKey = "loglevel";
|
|
160
|
+
if (typeof name === "string") {
|
|
161
|
+
storageKey += ":" + name;
|
|
162
|
+
} else if (typeof name === "symbol") {
|
|
163
|
+
storageKey = undefined;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
function persistLevelIfPossible(levelNum) {
|
|
167
|
+
var levelName = (logMethods[levelNum] || 'silent').toUpperCase();
|
|
168
|
+
|
|
169
|
+
if (typeof window === undefinedType || !storageKey) return;
|
|
170
|
+
|
|
171
|
+
// Use localStorage if available
|
|
172
|
+
try {
|
|
173
|
+
window.localStorage[storageKey] = levelName;
|
|
174
|
+
return;
|
|
175
|
+
} catch (ignore) {}
|
|
176
|
+
|
|
177
|
+
// Use session cookie as fallback
|
|
178
|
+
try {
|
|
179
|
+
window.document.cookie =
|
|
180
|
+
encodeURIComponent(storageKey) + "=" + levelName + ";";
|
|
181
|
+
} catch (ignore) {}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
function getPersistedLevel() {
|
|
185
|
+
var storedLevel;
|
|
186
|
+
|
|
187
|
+
if (typeof window === undefinedType || !storageKey) return;
|
|
188
|
+
|
|
189
|
+
try {
|
|
190
|
+
storedLevel = window.localStorage[storageKey];
|
|
191
|
+
} catch (ignore) {}
|
|
192
|
+
|
|
193
|
+
// Fallback to cookies if local storage gives us nothing
|
|
194
|
+
if (typeof storedLevel === undefinedType) {
|
|
195
|
+
try {
|
|
196
|
+
var cookie = window.document.cookie;
|
|
197
|
+
var cookieName = encodeURIComponent(storageKey);
|
|
198
|
+
var location = cookie.indexOf(cookieName + "=");
|
|
199
|
+
if (location !== -1) {
|
|
200
|
+
storedLevel = /^([^;]+)/.exec(
|
|
201
|
+
cookie.slice(location + cookieName.length + 1)
|
|
202
|
+
)[1];
|
|
203
|
+
}
|
|
204
|
+
} catch (ignore) {}
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
// If the stored level is not valid, treat it as if nothing was stored.
|
|
208
|
+
if (self.levels[storedLevel] === undefined) {
|
|
209
|
+
storedLevel = undefined;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
return storedLevel;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
function clearPersistedLevel() {
|
|
216
|
+
if (typeof window === undefinedType || !storageKey) return;
|
|
217
|
+
|
|
218
|
+
// Use localStorage if available
|
|
219
|
+
try {
|
|
220
|
+
window.localStorage.removeItem(storageKey);
|
|
221
|
+
} catch (ignore) {}
|
|
222
|
+
|
|
223
|
+
// Use session cookie as fallback
|
|
224
|
+
try {
|
|
225
|
+
window.document.cookie =
|
|
226
|
+
encodeURIComponent(storageKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
|
|
227
|
+
} catch (ignore) {}
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
function normalizeLevel(input) {
|
|
231
|
+
var level = input;
|
|
232
|
+
if (typeof level === "string" && self.levels[level.toUpperCase()] !== undefined) {
|
|
233
|
+
level = self.levels[level.toUpperCase()];
|
|
234
|
+
}
|
|
235
|
+
if (typeof level === "number" && level >= 0 && level <= self.levels.SILENT) {
|
|
236
|
+
return level;
|
|
237
|
+
} else {
|
|
238
|
+
throw new TypeError("log.setLevel() called with invalid level: " + input);
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
/*
|
|
243
|
+
*
|
|
244
|
+
* Public logger API - see https://github.com/pimterry/loglevel for details
|
|
245
|
+
*
|
|
246
|
+
*/
|
|
247
|
+
|
|
248
|
+
self.name = name;
|
|
249
|
+
|
|
250
|
+
self.levels = { "TRACE": 0, "DEBUG": 1, "INFO": 2, "WARN": 3,
|
|
251
|
+
"ERROR": 4, "SILENT": 5};
|
|
252
|
+
|
|
253
|
+
self.methodFactory = factory || defaultMethodFactory;
|
|
254
|
+
|
|
255
|
+
self.getLevel = function () {
|
|
256
|
+
if (userLevel != null) {
|
|
257
|
+
return userLevel;
|
|
258
|
+
} else if (defaultLevel != null) {
|
|
259
|
+
return defaultLevel;
|
|
260
|
+
} else {
|
|
261
|
+
return inheritedLevel;
|
|
262
|
+
}
|
|
263
|
+
};
|
|
264
|
+
|
|
265
|
+
self.setLevel = function (level, persist) {
|
|
266
|
+
userLevel = normalizeLevel(level);
|
|
267
|
+
if (persist !== false) { // defaults to true
|
|
268
|
+
persistLevelIfPossible(userLevel);
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
// NOTE: in v2, this should call rebuild(), which updates children.
|
|
272
|
+
return replaceLoggingMethods.call(self);
|
|
273
|
+
};
|
|
274
|
+
|
|
275
|
+
self.setDefaultLevel = function (level) {
|
|
276
|
+
defaultLevel = normalizeLevel(level);
|
|
277
|
+
if (!getPersistedLevel()) {
|
|
278
|
+
self.setLevel(level, false);
|
|
279
|
+
}
|
|
280
|
+
};
|
|
281
|
+
|
|
282
|
+
self.resetLevel = function () {
|
|
283
|
+
userLevel = null;
|
|
284
|
+
clearPersistedLevel();
|
|
285
|
+
replaceLoggingMethods.call(self);
|
|
286
|
+
};
|
|
287
|
+
|
|
288
|
+
self.enableAll = function(persist) {
|
|
289
|
+
self.setLevel(self.levels.TRACE, persist);
|
|
290
|
+
};
|
|
291
|
+
|
|
292
|
+
self.disableAll = function(persist) {
|
|
293
|
+
self.setLevel(self.levels.SILENT, persist);
|
|
294
|
+
};
|
|
295
|
+
|
|
296
|
+
self.rebuild = function () {
|
|
297
|
+
if (defaultLogger !== self) {
|
|
298
|
+
inheritedLevel = normalizeLevel(defaultLogger.getLevel());
|
|
299
|
+
}
|
|
300
|
+
replaceLoggingMethods.call(self);
|
|
301
|
+
|
|
302
|
+
if (defaultLogger === self) {
|
|
303
|
+
for (var childName in _loggersByName) {
|
|
304
|
+
_loggersByName[childName].rebuild();
|
|
305
|
+
}
|
|
306
|
+
}
|
|
307
|
+
};
|
|
308
|
+
|
|
309
|
+
// Initialize all the internal levels.
|
|
310
|
+
inheritedLevel = normalizeLevel(
|
|
311
|
+
defaultLogger ? defaultLogger.getLevel() : "WARN"
|
|
312
|
+
);
|
|
313
|
+
var initialLevel = getPersistedLevel();
|
|
314
|
+
if (initialLevel != null) {
|
|
315
|
+
userLevel = normalizeLevel(initialLevel);
|
|
316
|
+
}
|
|
317
|
+
replaceLoggingMethods.call(self);
|
|
318
|
+
}
|
|
319
|
+
|
|
320
|
+
/*
|
|
321
|
+
*
|
|
322
|
+
* Top-level API
|
|
323
|
+
*
|
|
324
|
+
*/
|
|
325
|
+
|
|
326
|
+
defaultLogger = new Logger();
|
|
327
|
+
|
|
328
|
+
defaultLogger.getLogger = function getLogger(name) {
|
|
329
|
+
if ((typeof name !== "symbol" && typeof name !== "string") || name === "") {
|
|
330
|
+
throw new TypeError("You must supply a name when creating a logger.");
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
var logger = _loggersByName[name];
|
|
334
|
+
if (!logger) {
|
|
335
|
+
logger = _loggersByName[name] = new Logger(
|
|
336
|
+
name,
|
|
337
|
+
defaultLogger.methodFactory
|
|
338
|
+
);
|
|
339
|
+
}
|
|
340
|
+
return logger;
|
|
341
|
+
};
|
|
342
|
+
|
|
343
|
+
// Grab the current global log variable in case of overwrite
|
|
344
|
+
var _log = (typeof window !== undefinedType) ? window.log : undefined;
|
|
345
|
+
defaultLogger.noConflict = function() {
|
|
346
|
+
if (typeof window !== undefinedType &&
|
|
347
|
+
window.log === defaultLogger) {
|
|
348
|
+
window.log = _log;
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
return defaultLogger;
|
|
352
|
+
};
|
|
353
|
+
|
|
354
|
+
defaultLogger.getLoggers = function getLoggers() {
|
|
355
|
+
return _loggersByName;
|
|
356
|
+
};
|
|
357
|
+
|
|
358
|
+
// ES6 default export, for compatibility
|
|
359
|
+
defaultLogger['default'] = defaultLogger;
|
|
360
|
+
|
|
361
|
+
return defaultLogger;
|
|
362
|
+
}));
|
|
363
|
+
}(loglevel));
|
|
364
|
+
|
|
365
|
+
const R=(e,t)=>s=>s(e,t),H=(e,t)=>s=>s(e,t,{append:false}),$=new Map,M=[],Y=new Map,a={A11yUi:{CSS_STYLE_CACHE:$,HYDRATED_HISTORY:M,STYLING_TASK_QUEUE:Y,Themes:{}}};const w=new Set,q=/--[^;]+/g,J=/:/,V=(e,t)=>{let s=t.match(q);if(Array.isArray(s)){s=s.filter(n=>J.test(n));const o=document.createElement("style");o.innerHTML=`.${e} {${s.join(";")}}`,document.querySelector("head")?.appendChild(o);}w.add(e);},f=(e,t)=>typeof a.A11yUi=="object"&&a.A11yUi!==null&&typeof a.A11yUi.Themes=="object"&&a.A11yUi.Themes!==null&&typeof a.A11yUi.Themes[e]=="object"&&a.A11yUi.Themes[e]!==null&&typeof a.A11yUi.Themes[e][t]=="string"?a.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",W=e=>{for(const t of Array.from(e.childNodes))if(t instanceof HTMLStyleElement&&t.tagName==="STYLE"&&t.dataset.themingFallback===undefined)e.removeChild(t);else break},X=(e,t)=>{try{if(a.A11yUi.Theme?.mode==="ssr")throw new Error("SSR");const s=[];t.forEach(o=>{const n=new CSSStyleSheet;n.replaceSync(o),s.push(n);}),e.adoptedStyleSheets=s;}catch{[...t].reverse().forEach((s,o)=>{if(typeof s!="string"||s.length===0)return;const n=document.createElement("style");switch(n.dataset.themingFallback="",o){case 4:n.dataset.themingBaseA11y="";break;case 3:n.dataset.themingBaseGlobal="";break;case 2:n.dataset.themingBaseComponent="";break;case 1:n.dataset.themingCustomGlobal="";break;case 0:n.dataset.themingCustomComponent="";break;default:n.dataset.themingUnknown="";break}n.innerHTML=s,e.insertBefore(n,e.firstChild);});}},Z=(e,t,s)=>{if(s!==false){const o=[...Array.from(e.childNodes).filter(r=>r instanceof HTMLStyleElement&&r.tagName==="STYLE")];let n;try{n=[...Array.from(e.adoptedStyleSheets)];}catch{n=[];}s?.mode==="before"?(o.reverse().forEach(r=>t.unshift(r.innerHTML)),n.reverse().forEach(r=>t.unshift(Array.from(r.cssRules).map(i=>i.cssText).join("")))):s?.mode==="after"&&(o.forEach(r=>t.push(r.innerHTML)),n.forEach(r=>t.push(Array.from(r.cssRules).map(i=>i.cssText).join(""))));}},L=(e,t,s)=>{const o=t.name||"default";let n;try{if(e.shadowRoot===null)throw new Error("ShadowRoot is null");n=e.shadowRoot;}catch{n=e;}if(a.A11yUi.CSS_STYLE_CACHE.get(o)?.has(e.tagName))_(e,n,a.A11yUi.CSS_STYLE_CACHE.get(o)?.get(e.tagName),s);else {const r=f(o,"PROPERTIES"),i=f(o,"GLOBAL"),m=f(o,e.tagName);w.has(o)===false&&V(o,i);const h=[r,i,m];Z(n,h,t.encroachCss),t.loglevel==="debug"&&console.log(e.tagName,h),t.cache===true&&(a.A11yUi.CSS_STYLE_CACHE.has(o)===false&&a.A11yUi.CSS_STYLE_CACHE.set(o,new Map),a.A11yUi.CSS_STYLE_CACHE.get(o)?.set(e.tagName,h)),_(e,n,h,s);}},_=(e,t,s,o)=>{W(t),X(t,s),e.style.display=o;},N=e=>{e.loglevel==="debug"&&a.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:a.A11yUi.STYLING_TASK_QUEUE.size});},se=e=>{a.A11yUi.STYLING_TASK_QUEUE.delete(e);},j=(e,t)=>{se(e),N(t);},oe=e=>{for(const t of e)if(a.A11yUi.STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:s,themeDetails:o}=a.A11yUi.STYLING_TASK_QUEUE.get(t.target);L(t.target,o,s),j(t.target,o);}};let d;try{d=new MutationObserver(oe);}catch{d=null;}class re{constructor(t,s,o){this.createTheme=(n,r)=>H(n,r),this.createTranslation=(n,r)=>R(n,r),this.Prefix=t,this.Key=Object.getOwnPropertyNames(s),this.Tag=Object.getOwnPropertyNames(o);}}
|
|
5
366
|
|
|
6
367
|
/*!
|
|
7
368
|
* KoliBri - The accessible HTML-Standard
|
|
8
369
|
*/
|
|
9
|
-
|
|
370
|
+
|
|
371
|
+
var KeyEnum;
|
|
372
|
+
(function (KeyEnum) {
|
|
373
|
+
KeyEnum[KeyEnum["error"] = 0] = "error";
|
|
374
|
+
KeyEnum[KeyEnum["warning"] = 1] = "warning";
|
|
375
|
+
KeyEnum[KeyEnum["info"] = 2] = "info";
|
|
376
|
+
KeyEnum[KeyEnum["success"] = 3] = "success";
|
|
377
|
+
KeyEnum[KeyEnum["message"] = 4] = "message";
|
|
378
|
+
KeyEnum[KeyEnum["close"] = 5] = "close";
|
|
379
|
+
KeyEnum[KeyEnum["form-description"] = 6] = "form-description";
|
|
380
|
+
KeyEnum[KeyEnum["of"] = 7] = "of";
|
|
381
|
+
KeyEnum[KeyEnum["characters"] = 8] = "characters";
|
|
382
|
+
KeyEnum[KeyEnum["new"] = 9] = "new";
|
|
383
|
+
KeyEnum[KeyEnum["no-entries"] = 10] = "no-entries";
|
|
384
|
+
KeyEnum[KeyEnum["change-order"] = 11] = "change-order";
|
|
385
|
+
KeyEnum[KeyEnum["action-running"] = 12] = "action-running";
|
|
386
|
+
KeyEnum[KeyEnum["action-done"] = 13] = "action-done";
|
|
387
|
+
KeyEnum[KeyEnum["page-first"] = 14] = "page-first";
|
|
388
|
+
KeyEnum[KeyEnum["page-back"] = 15] = "page-back";
|
|
389
|
+
KeyEnum[KeyEnum["page-next"] = 16] = "page-next";
|
|
390
|
+
KeyEnum[KeyEnum["page-last"] = 17] = "page-last";
|
|
391
|
+
KeyEnum[KeyEnum["entries-per-site"] = 18] = "entries-per-site";
|
|
392
|
+
KeyEnum[KeyEnum["page-current"] = 19] = "page-current";
|
|
393
|
+
KeyEnum[KeyEnum["page-selected"] = 20] = "page-selected";
|
|
394
|
+
KeyEnum[KeyEnum["page-per-site"] = 21] = "page-per-site";
|
|
395
|
+
KeyEnum[KeyEnum["logo-description"] = 22] = "logo-description";
|
|
396
|
+
KeyEnum[KeyEnum["open-link-in-tab"] = 23] = "open-link-in-tab";
|
|
397
|
+
KeyEnum[KeyEnum["kolibri-logo"] = 24] = "kolibri-logo";
|
|
398
|
+
})(KeyEnum || (KeyEnum = {}));
|
|
399
|
+
|
|
400
|
+
var TagEnum;
|
|
401
|
+
(function (TagEnum) {
|
|
402
|
+
TagEnum[TagEnum["abbr"] = 0] = "abbr";
|
|
403
|
+
TagEnum[TagEnum["accordion"] = 1] = "accordion";
|
|
404
|
+
TagEnum[TagEnum["accordion-group"] = 2] = "accordion-group";
|
|
405
|
+
TagEnum[TagEnum["alert"] = 3] = "alert";
|
|
406
|
+
TagEnum[TagEnum["avatar"] = 4] = "avatar";
|
|
407
|
+
TagEnum[TagEnum["badge"] = 5] = "badge";
|
|
408
|
+
TagEnum[TagEnum["breadcrumb"] = 6] = "breadcrumb";
|
|
409
|
+
TagEnum[TagEnum["button"] = 7] = "button";
|
|
410
|
+
TagEnum[TagEnum["button-group"] = 8] = "button-group";
|
|
411
|
+
TagEnum[TagEnum["button-link"] = 9] = "button-link";
|
|
412
|
+
TagEnum[TagEnum["card"] = 10] = "card";
|
|
413
|
+
TagEnum[TagEnum["combobox"] = 11] = "combobox";
|
|
414
|
+
TagEnum[TagEnum["details"] = 12] = "details";
|
|
415
|
+
TagEnum[TagEnum["drawer"] = 13] = "drawer";
|
|
416
|
+
TagEnum[TagEnum["form"] = 14] = "form";
|
|
417
|
+
TagEnum[TagEnum["heading"] = 15] = "heading";
|
|
418
|
+
TagEnum[TagEnum["icon"] = 16] = "icon";
|
|
419
|
+
TagEnum[TagEnum["image"] = 17] = "image";
|
|
420
|
+
TagEnum[TagEnum["indented-text"] = 18] = "indented-text";
|
|
421
|
+
TagEnum[TagEnum["input-checkbox"] = 19] = "input-checkbox";
|
|
422
|
+
TagEnum[TagEnum["input-color"] = 20] = "input-color";
|
|
423
|
+
TagEnum[TagEnum["input-date"] = 21] = "input-date";
|
|
424
|
+
TagEnum[TagEnum["input-email"] = 22] = "input-email";
|
|
425
|
+
TagEnum[TagEnum["input-file"] = 23] = "input-file";
|
|
426
|
+
TagEnum[TagEnum["input-number"] = 24] = "input-number";
|
|
427
|
+
TagEnum[TagEnum["input-password"] = 25] = "input-password";
|
|
428
|
+
TagEnum[TagEnum["input-radio"] = 26] = "input-radio";
|
|
429
|
+
TagEnum[TagEnum["input-range"] = 27] = "input-range";
|
|
430
|
+
TagEnum[TagEnum["input-text"] = 28] = "input-text";
|
|
431
|
+
TagEnum[TagEnum["kolibri"] = 29] = "kolibri";
|
|
432
|
+
TagEnum[TagEnum["link"] = 30] = "link";
|
|
433
|
+
TagEnum[TagEnum["link-button"] = 31] = "link-button";
|
|
434
|
+
TagEnum[TagEnum["link-group"] = 32] = "link-group";
|
|
435
|
+
TagEnum[TagEnum["logo"] = 33] = "logo";
|
|
436
|
+
TagEnum[TagEnum["modal"] = 34] = "modal";
|
|
437
|
+
TagEnum[TagEnum["nav"] = 35] = "nav";
|
|
438
|
+
TagEnum[TagEnum["pagination"] = 36] = "pagination";
|
|
439
|
+
TagEnum[TagEnum["progress"] = 37] = "progress";
|
|
440
|
+
TagEnum[TagEnum["select"] = 38] = "select";
|
|
441
|
+
TagEnum[TagEnum["separator"] = 39] = "separator";
|
|
442
|
+
TagEnum[TagEnum["skip-nav"] = 40] = "skip-nav";
|
|
443
|
+
TagEnum[TagEnum["spin"] = 41] = "spin";
|
|
444
|
+
TagEnum[TagEnum["single-select"] = 42] = "single-select";
|
|
445
|
+
TagEnum[TagEnum["split-button"] = 43] = "split-button";
|
|
446
|
+
TagEnum[TagEnum["symbol"] = 44] = "symbol";
|
|
447
|
+
TagEnum[TagEnum["table"] = 45] = "table";
|
|
448
|
+
TagEnum[TagEnum["table-stateless"] = 46] = "table-stateless";
|
|
449
|
+
TagEnum[TagEnum["table-stateful"] = 47] = "table-stateful";
|
|
450
|
+
TagEnum[TagEnum["tabs"] = 48] = "tabs";
|
|
451
|
+
TagEnum[TagEnum["textarea"] = 49] = "textarea";
|
|
452
|
+
TagEnum[TagEnum["toast-container"] = 50] = "toast-container";
|
|
453
|
+
TagEnum[TagEnum["toolbar"] = 51] = "toolbar";
|
|
454
|
+
TagEnum[TagEnum["tooltip"] = 52] = "tooltip";
|
|
455
|
+
TagEnum[TagEnum["tree"] = 53] = "tree";
|
|
456
|
+
TagEnum[TagEnum["tree-item"] = 54] = "tree-item";
|
|
457
|
+
})(TagEnum || (TagEnum = {}));
|
|
458
|
+
|
|
459
|
+
const KoliBri = new re('kol', KeyEnum, TagEnum);
|
|
10
460
|
|
|
11
461
|
var css_248z$I = "@layer kol-theme-global {\n :host {\n --border-radius: var(--kolibri-border-radius, calc(5rem / var(--kolibri-root-font-size, 16)));\n --font-family: var(--kolibri-font-family, Verdana, Arial, Calibri, Helvetica, sans-serif);\n --font-size: var(--kolibri-font-size, calc(16rem / var(--kolibri-root-font-size, 16)));\n --spacing: var(--kolibri-spacing, calc(4rem / var(--kolibri-root-font-size, 16)));\n --border-width: var(--kolibri-border-width, calc(1rem / var(--kolibri-root-font-size, 16)));\n --color-primary: var(--kolibri-color-primary, #004b76);\n --color-primary-variant: var(--kolibri-color-primary-variant, #0077b6);\n --color-danger: var(--kolibri-color-danger, #b4003c);\n --color-warning: var(--kolibri-color-warning, #c44931);\n --color-success: var(--kolibri-color-success, #005c45);\n --color-subtle: var(--kolibri-color-subtle, #576164);\n --color-light: var(--kolibri-color-light, #ffffff);\n --color-text: var(--kolibri-color-text, #202020);\n --color-mute: var(--kolibri-color-mute, #f2f3f4);\n --color-mute-variant: var(--kolibri-color-mute-variant, #bec5c9);\n }\n * {\n box-sizing: border-box;\n }\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n }\n *[tabindex]:focus,\n .kol-input:not(.checkbox, .radio) .input:focus-within,\n .kol-input:is(.checkbox, .radio) input:focus,\n summary:focus {\n cursor: pointer;\n outline-color: var(--color-primary-variant);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n transition: outline-offset 0.2s linear;\n }\n .kol-heading-wc {\n font-weight: 700;\n }\n .kol-tooltip-wc .tooltip-floating {\n border: var(--border-width) solid var(--color-subtle);\n border-radius: var(--border-radius);\n }\n .kol-tooltip-wc .tooltip-arrow {\n border: var(--border-width) solid var(--color-subtle);\n }\n .kol-tooltip-wc .tooltip-area {\n background-color: var(--color-light);\n }\n .kol-tooltip-wc .tooltip-content {\n border-radius: var(--border-radius);\n line-height: 1.5;\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n }\n .kol-span-wc,\n .kol-span-wc > span {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}";
|
|
12
462
|
|
|
@@ -82,9 +532,9 @@ var css_248z$9 = "@layer kol-theme-component {\n :host {\n font-family: var(
|
|
|
82
532
|
|
|
83
533
|
var css_248z$8 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n border-radius: var(--border-radius);\n border-style: solid;\n border-width: var(--border-width);\n border-color: var(--color-primary);\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n }\n .popover {\n background-color: #fff;\n }\n .secondary-button button {\n height: 100%;\n }\n .horizontal-line {\n background-color: var(--color-primary);\n border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n width: calc(1rem / var(--kolibri-root-font-size, 16));\n }\n :is(a, button) > .kol-span-wc {\n font-weight: 700;\n border-top-left-radius: var(--border-radius);\n border-bottom-left-radius: var(--border-radius);\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n text-align: center;\n transition-duration: 0.5s;\n transition-property: background-color, color, border-color;\n }\n :is(a, button):focus {\n outline: none;\n }\n :is(a, button):focus .kol-span-wc {\n border-radius: var(--border-radius);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n transition: 200ms outline-offset linear;\n }\n .primary :is(a, button) > .kol-span-wc,\n .primary :is(a, button):disabled:hover > .kol-span-wc {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n color: var(--color-light);\n }\n .secondary :is(a, button) > .kol-span-wc,\n .secondary :is(a, button):disabled:hover > .kol-span-wc,\n .normal :is(a, button) > .kol-span-wc,\n .normal :is(a, button):disabled:hover > .kol-span-wc {\n background-color: var(--color-light);\n border-color: var(--color-primary);\n color: var(--color-primary);\n }\n .danger :is(a, button) > .kol-span-wc,\n .danger :is(a, button):disabled:hover > .kol-span-wc {\n background-color: var(--color-danger);\n border-color: var(--color-danger);\n color: var(--color-light);\n }\n .ghost :is(a, button) > .kol-span-wc,\n .ghost :is(a, button):disabled:hover > .kol-span-wc {\n border-color: var(--color-light);\n background-color: var(--color-light);\n box-shadow: none;\n color: var(--color-primary);\n }\n /*-----------*/\n .primary :is(a, button):active > .kol-span-wc,\n .primary :is(a, button):hover > .kol-span-wc,\n .secondary :is(a, button):active > .kol-span-wc,\n .secondary :is(a, button):hover > .kol-span-wc,\n .normal :is(a, button):active > .kol-span-wc,\n .normal :is(a, button):hover > .kol-span-wc,\n .danger :is(a, button):active > .kol-span-wc,\n .danger :is(a, button):hover > .kol-span-wc,\n .ghost :is(a, button):active > .kol-span-wc,\n .ghost :is(a, button):hover > .kol-span-wc {\n background-color: var(--color-primary-variant);\n border-color: var(--color-primary-variant);\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n color: var(--color-light);\n }\n .danger :is(a, button):active > .kol-span-wc,\n .danger :is(a, button):hover > .kol-span-wc {\n background-color: var(--color-danger);\n border-color: var(--color-danger);\n }\n :is(a, button):disabled:hover > .kol-span-wc,\n :is(a, button):focus:hover > .kol-span-wc {\n box-shadow: none;\n }\n .primary :is(a, button):active > .kol-span-wc,\n .secondary :is(a, button):active > .kol-span-wc,\n .normal :is(a, button):active > .kol-span-wc,\n .danger :is(a, button):active > .kol-span-wc,\n .ghost :is(a, button):active > .kol-span-wc {\n border-color: var(--color-light);\n box-shadow: none;\n outline: none;\n }\n :is(a, button).hide-label > .kol-span-wc {\n padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n width: unset;\n }\n :is(a, button).hide-label > .kol-span-wc > span > span {\n display: none;\n }\n :is(a, button).loading > .kol-span-wc .kol-icon {\n animation: spin 5s infinite linear;\n }\n /** small ghost button */\n .ghost :is(a, button).small > .kol-span-wc {\n border: none;\n background-color: transparent;\n box-shadow: none;\n }\n .ghost :is(a, button).small > .kol-span-wc > span {\n border-radius: 1.5em;\n border-style: solid;\n border-width: var(--border-width);\n border-color: var(--color-light);\n background-color: var(--color-light);\n }\n .ghost :is(a, button).small:active > .kol-span-wc > span,\n .ghost :is(a, button).small:hover > .kol-span-wc > span,\n .ghost :is(a, button).small.transparent:active > .kol-span-wc > span,\n .ghost :is(a, button).small.transparent:hover > .kol-span-wc > span {\n background-color: var(--color-primary-variant);\n border-color: var(--color-primary-variant);\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n color: var(--color-light);\n }\n /** :is(a,button) with transparent background */\n :is(a, button).transparent > .kol-span-wc > span,\n .ghost :is(a, button).small.transparent > .kol-span-wc > span,\n :is(a, button).transparent > .kol-span-wc {\n background-color: transparent;\n border-color: transparent;\n }\n .access-key-hint {\n background-color: var(--color-mute-variant);\n border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n color: var(--color-text);\n padding: 0 0.3em;\n }\n}";
|
|
84
534
|
|
|
85
|
-
var css_248z$7 = "@layer kol-theme-component {\n :host * {\n
|
|
535
|
+
var css_248z$7 = "@layer kol-theme-component {\n :host * {\n font-family: var(--font-family);\n line-height: var(--line-height);\n word-break: break-word;\n }\n @media (min-width: 1024px) {\n div.pagination .kol-pagination {\n display: flex;\n align-items: center;\n }\n }\n}\n@layer kol-theme-component {\n :host,\n .kol-table-stateless-wc * {\n font-family: var(--font-family);\n line-height: var(--line-height);\n word-break: break-word;\n }\n :host > div,\n kol-table-stateless-wc > div {\n overflow-x: auto;\n overflow-y: hidden;\n }\n caption {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n th {\n font-weight: normal;\n color: var(--color-primary);\n }\n tr.foot-spacer,\n tr.head-spacer {\n display: table-row;\n height: calc(24rem / var(--kolibri-root-font-size, 16));\n }\n tr.foot-spacer td,\n tr.head-spacer td {\n border-width: 0;\n border-color: var(--color-primary-variant);\n border-style: solid;\n }\n tr.foot-spacer td {\n border-bottom-width: calc(var(--border-width) * 2);\n }\n tr.head-spacer td {\n border-top-width: calc(var(--border-width) * 2);\n }\n .table {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .table:has(.focus-element:focus) {\n outline-color: var(--color-primary-variant);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n transition: outline-offset 0.2s linear;\n }\n table,\n table caption {\n border-width: 0;\n border-bottom-width: calc(var(--border-width) * 2);\n border-color: var(--color-primary-variant);\n border-style: solid;\n }\n table {\n width: 100%;\n border-spacing: 0;\n }\n th {\n background-color: var(--color-light);\n }\n th[aria-sort=ascending] .button,\n th[aria-sort=descending] .button {\n font-weight: 700;\n }\n th div {\n display: flex;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n grid-template-columns: 1fr auto;\n align-items: center;\n }\n table tbody tr:nth-child(even) {\n background-color: var(--color-mute);\n }\n th,\n td {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n th[aria-sort=ascending],\n th[aria-sort=descending] {\n font-weight: 700;\n }\n .input input:hover {\n border-color: var(--color-primary);\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n }\n .input input:focus {\n border-color: var(--color-primary);\n outline-color: var(--color-primary-variant);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n }\n .input input:focus:hover {\n box-shadow: none;\n }\n .input input[type=checkbox] {\n border-color: var(--color-subtle);\n border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n }\n .input input[type=checkbox]:checked {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n }\n .input .icon {\n color: var(--color-light);\n }\n .input.indeterminate input {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n }\n .input kol-icon:hover ~ input[type=checkbox],\n .input input[type=checkbox]:hover {\n border-color: var(--color-primary);\n }\n .input input[type=radio] {\n display: flex;\n border-color: var(--color-subtle);\n }\n .input input[type=radio]:checked {\n border-color: var(--color-primary);\n }\n .input input[type=radio]:checked:before {\n background-color: var(--color-primary);\n }\n}";
|
|
86
536
|
|
|
87
|
-
var css_248z$6 = "@layer kol-theme-component {\n :host,\n .kol-table-stateless-wc * {\n
|
|
537
|
+
var css_248z$6 = "@layer kol-theme-component {\n :host,\n .kol-table-stateless-wc * {\n font-family: var(--font-family);\n line-height: var(--line-height);\n word-break: break-word;\n }\n :host > div,\n kol-table-stateless-wc > div {\n overflow-x: auto;\n overflow-y: hidden;\n }\n caption {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n th {\n font-weight: normal;\n color: var(--color-primary);\n }\n tr.foot-spacer,\n tr.head-spacer {\n display: table-row;\n height: calc(24rem / var(--kolibri-root-font-size, 16));\n }\n tr.foot-spacer td,\n tr.head-spacer td {\n border-width: 0;\n border-color: var(--color-primary-variant);\n border-style: solid;\n }\n tr.foot-spacer td {\n border-bottom-width: calc(var(--border-width) * 2);\n }\n tr.head-spacer td {\n border-top-width: calc(var(--border-width) * 2);\n }\n .table {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .table:has(.focus-element:focus) {\n outline-color: var(--color-primary-variant);\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-style: solid;\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n transition: outline-offset 0.2s linear;\n }\n table,\n table caption {\n border-width: 0;\n border-bottom-width: calc(var(--border-width) * 2);\n border-color: var(--color-primary-variant);\n border-style: solid;\n }\n table {\n width: 100%;\n border-spacing: 0;\n }\n th {\n background-color: var(--color-light);\n }\n th[aria-sort=ascending] .button,\n th[aria-sort=descending] .button {\n font-weight: 700;\n }\n th div {\n display: flex;\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n grid-template-columns: 1fr auto;\n align-items: center;\n }\n table tbody tr:nth-child(even) {\n background-color: var(--color-mute);\n }\n th,\n td {\n padding: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n th[aria-sort=ascending],\n th[aria-sort=descending] {\n font-weight: 700;\n }\n .input input:hover {\n border-color: var(--color-primary);\n box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n }\n .input input:focus {\n border-color: var(--color-primary);\n outline-color: var(--color-primary-variant);\n outline-style: solid;\n outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n }\n .input input:focus:hover {\n box-shadow: none;\n }\n .input input[type=checkbox] {\n border-color: var(--color-subtle);\n border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n }\n .input input[type=checkbox]:checked {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n }\n .input .icon {\n color: var(--color-light);\n }\n .input.indeterminate input {\n background-color: var(--color-primary);\n border-color: var(--color-primary);\n }\n .input kol-icon:hover ~ input[type=checkbox],\n .input input[type=checkbox]:hover {\n border-color: var(--color-primary);\n }\n .input input[type=radio] {\n display: flex;\n border-color: var(--color-subtle);\n }\n .input input[type=radio]:checked {\n border-color: var(--color-primary);\n }\n .input input[type=radio]:checked:before {\n background-color: var(--color-primary);\n }\n}";
|
|
88
538
|
|
|
89
539
|
var css_248z$5 = "@layer kol-theme-component {\n :host {\n font-family: var(--font-family);\n }\n :host .tabs-button-group {\n display: inline-flex;\n gap: calc(32rem / var(--kolibri-root-font-size, 16));\n flex-wrap: wrap;\n }\n button {\n box-sizing: border-box;\n background-color: transparent;\n border: 0;\n border-radius: var(--border-radius);\n font-style: normal;\n font-weight: 700;\n font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n line-height: 1.2;\n min-height: var(--a11y-min-size);\n min-width: var(--a11y-min-size);\n color: var(--color-subtle);\n padding: 0;\n }\n button:hover {\n color: var(--color-primary);\n }\n button.primary,\n button.selected {\n color: var(--color-primary);\n }\n button:not(.selected) .kol-span-wc > span {\n padding-bottom: 0.25em;\n }\n button.selected .kol-span-wc > span {\n border-bottom: 0.25em solid;\n }\n button .kol-span-wc > span {\n gap: calc(8rem / var(--kolibri-root-font-size, 16));\n }\n .kol-icon {\n font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n }\n .tabs-content {\n padding: 0.25em 0;\n }\n div[role=tabpanel] {\n height: 100%;\n }\n div.grid {\n height: 100%;\n }\n :host > .tabs-align-right {\n display: grid;\n grid-template-columns: 1fr auto;\n }\n :host > .tabs-align-right .tabs-button-group {\n display: grid;\n order: 2;\n }\n :host > .tabs-align-left {\n display: grid;\n grid-template-columns: auto 1fr;\n }\n :host > .tabs-align-left .tabs-button-group {\n display: grid;\n order: 0;\n }\n :host > .tabs-align-bottom {\n display: grid;\n grid-template-rows: 1fr auto;\n }\n :host > .tabs-align-bottom .tabs-button-group {\n order: 2;\n }\n :host > .tabs-align-bottom .tabs-button-group > div {\n display: flex;\n }\n :host > .tabs-align-bottom > .tabs-button-group > div > div:first-child {\n margin: 0 calc(16rem / var(--kolibri-root-font-size, 16)) 0 0;\n }\n :host > .tabs-align-bottom > .tabs-button-group > div > div {\n margin: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :host > .tabs-align-top {\n display: grid;\n grid-template-rows: auto 1fr;\n }\n :host > .tabs-align-top .tabs-button-group {\n order: 0;\n }\n :host > .tabs-align-top .tabs-button-group > div {\n display: flex;\n }\n :host > .tabs-align-top > .tabs-button-group > div > div:first-child {\n margin: 0 calc(16rem / var(--kolibri-root-font-size, 16)) 0 0;\n }\n :host > .tabs-align-top > .tabs-button-group > div > div {\n margin: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n }\n :host > div {\n display: grid;\n }\n :host > div.tabs-align-left {\n grid-template-columns: auto 1fr;\n }\n :host > div.tabs-align-right {\n grid-template-columns: 1fr auto;\n }\n :host > .tabs-align-left .tabs-button-group,\n :host > .tabs-align-top .tabs-button-group {\n order: 0;\n }\n :host > .tabs-align-bottom .tabs-button-group,\n :host > .tabs-align-right .tabs-button-group {\n order: 1;\n }\n :host > .tabs-align-left .tabs-button-group,\n :host > .tabs-align-right .tabs-button-group {\n gap: inherit;\n }\n :host > div.tabs-align-left .tabs-button-group > div,\n :host > div.tabs-align-left .tabs-button-group > div > div,\n :host > div.tabs-align-right .tabs-button-group > div,\n :host > div.tabs-align-right .tabs-button-group > div > div {\n display: grid;\n }\n :host > div.tabs-align-left .tabs-button-group > div > div .kol-button-wc,\n :host > div.tabs-align-right .tabs-button-group > div > div .kol-button-wc {\n width: 100%;\n }\n :host > div.tabs-align-bottom .tabs-button-group div,\n :host > div.tabs-align-top .tabs-button-group div {\n display: flex;\n flex-wrap: wrap;\n }\n :host .tabs-button-group button {\n border: none;\n }\n}";
|
|
90
540
|
|