@public-ui/themes 2.0.0-rc.8 → 2.0.0-rc.9
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 +20 -15
- package/dist/index.d.ts +0 -13
- package/dist/index.mjs +20 -15
- package/package.json +6 -6
package/dist/index.cjs
CHANGED
|
@@ -301,7 +301,7 @@ var loglevel = {exports: {}};
|
|
|
301
301
|
}));
|
|
302
302
|
} (loglevel));
|
|
303
303
|
|
|
304
|
-
const createTranslation=(e,t)=>o=>o(e,t),createTheme=(e,t)=>o=>o(e,t),STORE="object"==typeof window?window:"object"==typeof global?global:"object"==typeof self?self:{};const STYLING_TASK_QUEUE=new Map,HYDRATED_HISTORY=[],CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_CACHE=new Map,REGEX_CSS_PROPERTIES=/--[^;]+/g,REGEX_SPLIT_CSS_PROPERTY=/:/;"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={CSS_STYLE_CACHE:CSS_STYLE_CACHE,HYDRATED_HISTORY:HYDRATED_HISTORY,STYLING_TASK_QUEUE:STYLING_TASK_QUEUE});const extractProperties=(e,t)=>{let o=t.match(REGEX_CSS_PROPERTIES);if(Array.isArray(o)){o=o.filter((e=>REGEX_SPLIT_CSS_PROPERTY.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t);}CSS_PROPERTIES_REGISTERED.add(e);},getCssStyle=(e,t)=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&"string"==typeof STORE.A11yUi.Themes[e][t]?STORE.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName))break;e.removeChild(t);}},patchStyle=(e,t)=>{try{const o=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t);})),e.adoptedStyleSheets=o;}catch(o){t.reverse().forEach((t=>{const o=document.createElement("style");o.innerHTML=t,e.insertBefore(o,e.firstChild);}));}},encroachStyles=(e,t,o)=>{if(!1!==o){const s=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)];}catch(e){r=[];}"before"===o?.mode?(s.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(s.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))));}},setThemeStyleAfterHydrated=(e,t,o)=>{const s=t.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot;}catch(t){r=e;}if(CSS_STYLE_CACHE.get(s)?.has(e.tagName))switchStyle(e,r,CSS_STYLE_CACHE.get(s)?.get(e.tagName),o);else {const
|
|
304
|
+
const createTranslation=(e,t)=>o=>o(e,t),createTheme=(e,t)=>o=>o(e,t),STORE="object"==typeof window?window:"object"==typeof global?global:"object"==typeof self?self:{};const STYLING_TASK_QUEUE=new Map,HYDRATED_HISTORY=[],CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_CACHE=new Map,REGEX_CSS_PROPERTIES=/--[^;]+/g,REGEX_SPLIT_CSS_PROPERTY=/:/;"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={CSS_STYLE_CACHE:CSS_STYLE_CACHE,HYDRATED_HISTORY:HYDRATED_HISTORY,STYLING_TASK_QUEUE:STYLING_TASK_QUEUE});const extractProperties=(e,t)=>{let o=t.match(REGEX_CSS_PROPERTIES);if(Array.isArray(o)){o=o.filter((e=>REGEX_SPLIT_CSS_PROPERTY.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t);}CSS_PROPERTIES_REGISTERED.add(e);},getCssStyle=(e,t)=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&"string"==typeof STORE.A11yUi.Themes[e][t]?STORE.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName))break;e.removeChild(t);}},patchStyle=(e,t)=>{try{const o=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t);})),e.adoptedStyleSheets=o;}catch(o){t.reverse().forEach((t=>{const o=document.createElement("style");o.innerHTML=t,e.insertBefore(o,e.firstChild);}));}},encroachStyles=(e,t,o)=>{if(!1!==o){const s=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)];}catch(e){r=[];}"before"===o?.mode?(s.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(s.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))));}},setThemeStyleAfterHydrated=(e,t,o)=>{const s=t.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot;}catch(t){r=e;}if(CSS_STYLE_CACHE.get(s)?.has(e.tagName))switchStyle(e,r,CSS_STYLE_CACHE.get(s)?.get(e.tagName),o);else {const a=getCssStyle(s,"PROPERTIES"),n=getCssStyle(s,"GLOBAL"),l=getCssStyle(s,e.tagName);!1===CSS_PROPERTIES_REGISTERED.has(s)&&extractProperties(s,n);const i=[a,n,l];encroachStyles(r,i,t.encroachCss),"debug"===t.loglevel&&console.log(e.tagName,i),!0===t.cache&&(!1===CSS_STYLE_CACHE.has(s)&&CSS_STYLE_CACHE.set(s,new Map),CSS_STYLE_CACHE.get(s)?.set(e.tagName,i)),switchStyle(e,r,i,o);}},switchStyle=(e,t,o,s)=>{removeStyle(t),patchStyle(t,o),e.style.display=s;},logHydratedHistory=e=>{"debug"===e.loglevel&&HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:STYLING_TASK_QUEUE.size});},deleteDoneTask=e=>{STYLING_TASK_QUEUE.delete(e);},loggedDeleteDoneTask=(e,t)=>{deleteDoneTask(e),logHydratedHistory(t);},observerCallback=e=>{for(const t of e)if(STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:o}=STYLING_TASK_QUEUE.get(t.target);setThemeStyleAfterHydrated(t.target,o,e),loggedDeleteDoneTask(t.target,o);}};let observer;try{observer=new MutationObserver(observerCallback);}catch(e){observer=null;}class Theme{constructor(e,t,o){this.createTheme=(e,t)=>createTheme(e,t),this.createTranslation=(e,t)=>createTranslation(e,t),this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(o);}}
|
|
305
305
|
|
|
306
306
|
var KeyEnum = /* @__PURE__ */ ((KeyEnum2) => {
|
|
307
307
|
KeyEnum2[KeyEnum2["error"] = 0] = "error";
|
|
@@ -366,20 +366,19 @@ var TagEnum = /* @__PURE__ */ ((TagEnum2) => {
|
|
|
366
366
|
TagEnum2[TagEnum2["modal"] = 30] = "modal";
|
|
367
367
|
TagEnum2[TagEnum2["nav"] = 31] = "nav";
|
|
368
368
|
TagEnum2[TagEnum2["pagination"] = 32] = "pagination";
|
|
369
|
-
TagEnum2[TagEnum2["
|
|
370
|
-
TagEnum2[TagEnum2["
|
|
371
|
-
TagEnum2[TagEnum2["
|
|
372
|
-
TagEnum2[TagEnum2["
|
|
373
|
-
TagEnum2[TagEnum2["
|
|
374
|
-
TagEnum2[TagEnum2["
|
|
375
|
-
TagEnum2[TagEnum2["
|
|
376
|
-
TagEnum2[TagEnum2["
|
|
377
|
-
TagEnum2[TagEnum2["
|
|
378
|
-
TagEnum2[TagEnum2["
|
|
379
|
-
TagEnum2[TagEnum2["
|
|
380
|
-
TagEnum2[TagEnum2["
|
|
381
|
-
TagEnum2[TagEnum2["
|
|
382
|
-
TagEnum2[TagEnum2["tooltip"] = 46] = "tooltip";
|
|
369
|
+
TagEnum2[TagEnum2["progress"] = 33] = "progress";
|
|
370
|
+
TagEnum2[TagEnum2["select"] = 34] = "select";
|
|
371
|
+
TagEnum2[TagEnum2["separator"] = 35] = "separator";
|
|
372
|
+
TagEnum2[TagEnum2["skip-nav"] = 36] = "skip-nav";
|
|
373
|
+
TagEnum2[TagEnum2["spin"] = 37] = "spin";
|
|
374
|
+
TagEnum2[TagEnum2["split-button"] = 38] = "split-button";
|
|
375
|
+
TagEnum2[TagEnum2["symbol"] = 39] = "symbol";
|
|
376
|
+
TagEnum2[TagEnum2["table"] = 40] = "table";
|
|
377
|
+
TagEnum2[TagEnum2["tabs"] = 41] = "tabs";
|
|
378
|
+
TagEnum2[TagEnum2["textarea"] = 42] = "textarea";
|
|
379
|
+
TagEnum2[TagEnum2["toast-container"] = 43] = "toast-container";
|
|
380
|
+
TagEnum2[TagEnum2["toolbar"] = 44] = "toolbar";
|
|
381
|
+
TagEnum2[TagEnum2["tooltip"] = 45] = "tooltip";
|
|
383
382
|
return TagEnum2;
|
|
384
383
|
})(TagEnum || {});
|
|
385
384
|
|
|
@@ -8868,6 +8867,9 @@ const BMF = KoliBri.createTheme("bmf", {
|
|
|
8868
8867
|
}
|
|
8869
8868
|
`,
|
|
8870
8869
|
"KOL-BUTTON": css$4`
|
|
8870
|
+
:is(a, button) {
|
|
8871
|
+
font-size: 1.125em;
|
|
8872
|
+
}
|
|
8871
8873
|
:is(a, button):focus {
|
|
8872
8874
|
outline: none;
|
|
8873
8875
|
}
|
|
@@ -11180,6 +11182,9 @@ const BMF = KoliBri.createTheme("bmf", {
|
|
|
11180
11182
|
}
|
|
11181
11183
|
`,
|
|
11182
11184
|
"KOL-LINK-BUTTON": css$4`
|
|
11185
|
+
:is(a, button) {
|
|
11186
|
+
font-size: 1.125em;
|
|
11187
|
+
}
|
|
11183
11188
|
:is(a, button):focus {
|
|
11184
11189
|
outline: none;
|
|
11185
11190
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -35,7 +35,6 @@ declare const BAMF: (patch: (name: string, map: {
|
|
|
35
35
|
"KOL-MODAL"?: string | undefined;
|
|
36
36
|
"KOL-NAV"?: string | undefined;
|
|
37
37
|
"KOL-PAGINATION"?: string | undefined;
|
|
38
|
-
"KOL-POPOVER"?: string | undefined;
|
|
39
38
|
"KOL-PROGRESS"?: string | undefined;
|
|
40
39
|
"KOL-SELECT"?: string | undefined;
|
|
41
40
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -87,7 +86,6 @@ declare const DESYv1: (patch: (name: string, map: {
|
|
|
87
86
|
"KOL-MODAL"?: string | undefined;
|
|
88
87
|
"KOL-NAV"?: string | undefined;
|
|
89
88
|
"KOL-PAGINATION"?: string | undefined;
|
|
90
|
-
"KOL-POPOVER"?: string | undefined;
|
|
91
89
|
"KOL-PROGRESS"?: string | undefined;
|
|
92
90
|
"KOL-SELECT"?: string | undefined;
|
|
93
91
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -139,7 +137,6 @@ declare const DESYv2: (patch: (name: string, map: {
|
|
|
139
137
|
"KOL-MODAL"?: string | undefined;
|
|
140
138
|
"KOL-NAV"?: string | undefined;
|
|
141
139
|
"KOL-PAGINATION"?: string | undefined;
|
|
142
|
-
"KOL-POPOVER"?: string | undefined;
|
|
143
140
|
"KOL-PROGRESS"?: string | undefined;
|
|
144
141
|
"KOL-SELECT"?: string | undefined;
|
|
145
142
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -191,7 +188,6 @@ declare const BZSt: (patch: (name: string, map: {
|
|
|
191
188
|
"KOL-MODAL"?: string | undefined;
|
|
192
189
|
"KOL-NAV"?: string | undefined;
|
|
193
190
|
"KOL-PAGINATION"?: string | undefined;
|
|
194
|
-
"KOL-POPOVER"?: string | undefined;
|
|
195
191
|
"KOL-PROGRESS"?: string | undefined;
|
|
196
192
|
"KOL-SELECT"?: string | undefined;
|
|
197
193
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -243,7 +239,6 @@ declare const BMF: (patch: (name: string, map: {
|
|
|
243
239
|
"KOL-MODAL"?: string | undefined;
|
|
244
240
|
"KOL-NAV"?: string | undefined;
|
|
245
241
|
"KOL-PAGINATION"?: string | undefined;
|
|
246
|
-
"KOL-POPOVER"?: string | undefined;
|
|
247
242
|
"KOL-PROGRESS"?: string | undefined;
|
|
248
243
|
"KOL-SELECT"?: string | undefined;
|
|
249
244
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -295,7 +290,6 @@ declare const DEFAULT: (patch: (name: string, map: {
|
|
|
295
290
|
"KOL-MODAL"?: string | undefined;
|
|
296
291
|
"KOL-NAV"?: string | undefined;
|
|
297
292
|
"KOL-PAGINATION"?: string | undefined;
|
|
298
|
-
"KOL-POPOVER"?: string | undefined;
|
|
299
293
|
"KOL-PROGRESS"?: string | undefined;
|
|
300
294
|
"KOL-SELECT"?: string | undefined;
|
|
301
295
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -347,7 +341,6 @@ declare const ECL_EC: (patch: (name: string, map: {
|
|
|
347
341
|
"KOL-MODAL"?: string | undefined;
|
|
348
342
|
"KOL-NAV"?: string | undefined;
|
|
349
343
|
"KOL-PAGINATION"?: string | undefined;
|
|
350
|
-
"KOL-POPOVER"?: string | undefined;
|
|
351
344
|
"KOL-PROGRESS"?: string | undefined;
|
|
352
345
|
"KOL-SELECT"?: string | undefined;
|
|
353
346
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -399,7 +392,6 @@ declare const ECL_EU: (patch: (name: string, map: {
|
|
|
399
392
|
"KOL-MODAL"?: string | undefined;
|
|
400
393
|
"KOL-NAV"?: string | undefined;
|
|
401
394
|
"KOL-PAGINATION"?: string | undefined;
|
|
402
|
-
"KOL-POPOVER"?: string | undefined;
|
|
403
395
|
"KOL-PROGRESS"?: string | undefined;
|
|
404
396
|
"KOL-SELECT"?: string | undefined;
|
|
405
397
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -451,7 +443,6 @@ declare const ITZBund: (patch: (name: string, map: {
|
|
|
451
443
|
"KOL-MODAL"?: string | undefined;
|
|
452
444
|
"KOL-NAV"?: string | undefined;
|
|
453
445
|
"KOL-PAGINATION"?: string | undefined;
|
|
454
|
-
"KOL-POPOVER"?: string | undefined;
|
|
455
446
|
"KOL-PROGRESS"?: string | undefined;
|
|
456
447
|
"KOL-SELECT"?: string | undefined;
|
|
457
448
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -503,7 +494,6 @@ declare const MFM: (patch: (name: string, map: {
|
|
|
503
494
|
"KOL-MODAL"?: string | undefined;
|
|
504
495
|
"KOL-NAV"?: string | undefined;
|
|
505
496
|
"KOL-PAGINATION"?: string | undefined;
|
|
506
|
-
"KOL-POPOVER"?: string | undefined;
|
|
507
497
|
"KOL-PROGRESS"?: string | undefined;
|
|
508
498
|
"KOL-SELECT"?: string | undefined;
|
|
509
499
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -555,7 +545,6 @@ declare const MAPZ: (patch: (name: string, map: {
|
|
|
555
545
|
"KOL-MODAL"?: string | undefined;
|
|
556
546
|
"KOL-NAV"?: string | undefined;
|
|
557
547
|
"KOL-PAGINATION"?: string | undefined;
|
|
558
|
-
"KOL-POPOVER"?: string | undefined;
|
|
559
548
|
"KOL-PROGRESS"?: string | undefined;
|
|
560
549
|
"KOL-SELECT"?: string | undefined;
|
|
561
550
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -607,7 +596,6 @@ declare const ZOLLv2: (patch: (name: string, map: {
|
|
|
607
596
|
"KOL-MODAL"?: string | undefined;
|
|
608
597
|
"KOL-NAV"?: string | undefined;
|
|
609
598
|
"KOL-PAGINATION"?: string | undefined;
|
|
610
|
-
"KOL-POPOVER"?: string | undefined;
|
|
611
599
|
"KOL-PROGRESS"?: string | undefined;
|
|
612
600
|
"KOL-SELECT"?: string | undefined;
|
|
613
601
|
"KOL-SEPARATOR"?: string | undefined;
|
|
@@ -659,7 +647,6 @@ declare const ZOLLv3: (patch: (name: string, map: {
|
|
|
659
647
|
"KOL-MODAL"?: string | undefined;
|
|
660
648
|
"KOL-NAV"?: string | undefined;
|
|
661
649
|
"KOL-PAGINATION"?: string | undefined;
|
|
662
|
-
"KOL-POPOVER"?: string | undefined;
|
|
663
650
|
"KOL-PROGRESS"?: string | undefined;
|
|
664
651
|
"KOL-SELECT"?: string | undefined;
|
|
665
652
|
"KOL-SEPARATOR"?: string | undefined;
|
package/dist/index.mjs
CHANGED
|
@@ -299,7 +299,7 @@ var loglevel = {exports: {}};
|
|
|
299
299
|
}));
|
|
300
300
|
} (loglevel));
|
|
301
301
|
|
|
302
|
-
const createTranslation=(e,t)=>o=>o(e,t),createTheme=(e,t)=>o=>o(e,t),STORE="object"==typeof window?window:"object"==typeof global?global:"object"==typeof self?self:{};const STYLING_TASK_QUEUE=new Map,HYDRATED_HISTORY=[],CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_CACHE=new Map,REGEX_CSS_PROPERTIES=/--[^;]+/g,REGEX_SPLIT_CSS_PROPERTY=/:/;"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={CSS_STYLE_CACHE:CSS_STYLE_CACHE,HYDRATED_HISTORY:HYDRATED_HISTORY,STYLING_TASK_QUEUE:STYLING_TASK_QUEUE});const extractProperties=(e,t)=>{let o=t.match(REGEX_CSS_PROPERTIES);if(Array.isArray(o)){o=o.filter((e=>REGEX_SPLIT_CSS_PROPERTY.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t);}CSS_PROPERTIES_REGISTERED.add(e);},getCssStyle=(e,t)=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&"string"==typeof STORE.A11yUi.Themes[e][t]?STORE.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName))break;e.removeChild(t);}},patchStyle=(e,t)=>{try{const o=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t);})),e.adoptedStyleSheets=o;}catch(o){t.reverse().forEach((t=>{const o=document.createElement("style");o.innerHTML=t,e.insertBefore(o,e.firstChild);}));}},encroachStyles=(e,t,o)=>{if(!1!==o){const s=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)];}catch(e){r=[];}"before"===o?.mode?(s.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(s.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))));}},setThemeStyleAfterHydrated=(e,t,o)=>{const s=t.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot;}catch(t){r=e;}if(CSS_STYLE_CACHE.get(s)?.has(e.tagName))switchStyle(e,r,CSS_STYLE_CACHE.get(s)?.get(e.tagName),o);else {const
|
|
302
|
+
const createTranslation=(e,t)=>o=>o(e,t),createTheme=(e,t)=>o=>o(e,t),STORE="object"==typeof window?window:"object"==typeof global?global:"object"==typeof self?self:{};const STYLING_TASK_QUEUE=new Map,HYDRATED_HISTORY=[],CSS_PROPERTIES_REGISTERED=new Set,CSS_STYLE_CACHE=new Map,REGEX_CSS_PROPERTIES=/--[^;]+/g,REGEX_SPLIT_CSS_PROPERTY=/:/;"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi||(STORE.A11yUi={CSS_STYLE_CACHE:CSS_STYLE_CACHE,HYDRATED_HISTORY:HYDRATED_HISTORY,STYLING_TASK_QUEUE:STYLING_TASK_QUEUE});const extractProperties=(e,t)=>{let o=t.match(REGEX_CSS_PROPERTIES);if(Array.isArray(o)){o=o.filter((e=>REGEX_SPLIT_CSS_PROPERTY.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${o.join(";")}}`,document.querySelector("head")?.appendChild(t);}CSS_PROPERTIES_REGISTERED.add(e);},getCssStyle=(e,t)=>"object"==typeof STORE.A11yUi&&null!==STORE.A11yUi&&"object"==typeof STORE.A11yUi.Themes&&null!==STORE.A11yUi.Themes&&"object"==typeof STORE.A11yUi.Themes[e]&&null!==STORE.A11yUi.Themes[e]&&"string"==typeof STORE.A11yUi.Themes[e][t]?STORE.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",removeStyle=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName))break;e.removeChild(t);}},patchStyle=(e,t)=>{try{const o=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),o.push(t);})),e.adoptedStyleSheets=o;}catch(o){t.reverse().forEach((t=>{const o=document.createElement("style");o.innerHTML=t,e.insertBefore(o,e.firstChild);}));}},encroachStyles=(e,t,o)=>{if(!1!==o){const s=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)];}catch(e){r=[];}"before"===o?.mode?(s.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===o?.mode&&(s.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))));}},setThemeStyleAfterHydrated=(e,t,o)=>{const s=t.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot;}catch(t){r=e;}if(CSS_STYLE_CACHE.get(s)?.has(e.tagName))switchStyle(e,r,CSS_STYLE_CACHE.get(s)?.get(e.tagName),o);else {const a=getCssStyle(s,"PROPERTIES"),n=getCssStyle(s,"GLOBAL"),l=getCssStyle(s,e.tagName);!1===CSS_PROPERTIES_REGISTERED.has(s)&&extractProperties(s,n);const i=[a,n,l];encroachStyles(r,i,t.encroachCss),"debug"===t.loglevel&&console.log(e.tagName,i),!0===t.cache&&(!1===CSS_STYLE_CACHE.has(s)&&CSS_STYLE_CACHE.set(s,new Map),CSS_STYLE_CACHE.get(s)?.set(e.tagName,i)),switchStyle(e,r,i,o);}},switchStyle=(e,t,o,s)=>{removeStyle(t),patchStyle(t,o),e.style.display=s;},logHydratedHistory=e=>{"debug"===e.loglevel&&HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:STYLING_TASK_QUEUE.size});},deleteDoneTask=e=>{STYLING_TASK_QUEUE.delete(e);},loggedDeleteDoneTask=(e,t)=>{deleteDoneTask(e),logHydratedHistory(t);},observerCallback=e=>{for(const t of e)if(STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:o}=STYLING_TASK_QUEUE.get(t.target);setThemeStyleAfterHydrated(t.target,o,e),loggedDeleteDoneTask(t.target,o);}};let observer;try{observer=new MutationObserver(observerCallback);}catch(e){observer=null;}class Theme{constructor(e,t,o){this.createTheme=(e,t)=>createTheme(e,t),this.createTranslation=(e,t)=>createTranslation(e,t),this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(o);}}
|
|
303
303
|
|
|
304
304
|
var KeyEnum = /* @__PURE__ */ ((KeyEnum2) => {
|
|
305
305
|
KeyEnum2[KeyEnum2["error"] = 0] = "error";
|
|
@@ -364,20 +364,19 @@ var TagEnum = /* @__PURE__ */ ((TagEnum2) => {
|
|
|
364
364
|
TagEnum2[TagEnum2["modal"] = 30] = "modal";
|
|
365
365
|
TagEnum2[TagEnum2["nav"] = 31] = "nav";
|
|
366
366
|
TagEnum2[TagEnum2["pagination"] = 32] = "pagination";
|
|
367
|
-
TagEnum2[TagEnum2["
|
|
368
|
-
TagEnum2[TagEnum2["
|
|
369
|
-
TagEnum2[TagEnum2["
|
|
370
|
-
TagEnum2[TagEnum2["
|
|
371
|
-
TagEnum2[TagEnum2["
|
|
372
|
-
TagEnum2[TagEnum2["
|
|
373
|
-
TagEnum2[TagEnum2["
|
|
374
|
-
TagEnum2[TagEnum2["
|
|
375
|
-
TagEnum2[TagEnum2["
|
|
376
|
-
TagEnum2[TagEnum2["
|
|
377
|
-
TagEnum2[TagEnum2["
|
|
378
|
-
TagEnum2[TagEnum2["
|
|
379
|
-
TagEnum2[TagEnum2["
|
|
380
|
-
TagEnum2[TagEnum2["tooltip"] = 46] = "tooltip";
|
|
367
|
+
TagEnum2[TagEnum2["progress"] = 33] = "progress";
|
|
368
|
+
TagEnum2[TagEnum2["select"] = 34] = "select";
|
|
369
|
+
TagEnum2[TagEnum2["separator"] = 35] = "separator";
|
|
370
|
+
TagEnum2[TagEnum2["skip-nav"] = 36] = "skip-nav";
|
|
371
|
+
TagEnum2[TagEnum2["spin"] = 37] = "spin";
|
|
372
|
+
TagEnum2[TagEnum2["split-button"] = 38] = "split-button";
|
|
373
|
+
TagEnum2[TagEnum2["symbol"] = 39] = "symbol";
|
|
374
|
+
TagEnum2[TagEnum2["table"] = 40] = "table";
|
|
375
|
+
TagEnum2[TagEnum2["tabs"] = 41] = "tabs";
|
|
376
|
+
TagEnum2[TagEnum2["textarea"] = 42] = "textarea";
|
|
377
|
+
TagEnum2[TagEnum2["toast-container"] = 43] = "toast-container";
|
|
378
|
+
TagEnum2[TagEnum2["toolbar"] = 44] = "toolbar";
|
|
379
|
+
TagEnum2[TagEnum2["tooltip"] = 45] = "tooltip";
|
|
381
380
|
return TagEnum2;
|
|
382
381
|
})(TagEnum || {});
|
|
383
382
|
|
|
@@ -8866,6 +8865,9 @@ const BMF = KoliBri.createTheme("bmf", {
|
|
|
8866
8865
|
}
|
|
8867
8866
|
`,
|
|
8868
8867
|
"KOL-BUTTON": css$4`
|
|
8868
|
+
:is(a, button) {
|
|
8869
|
+
font-size: 1.125em;
|
|
8870
|
+
}
|
|
8869
8871
|
:is(a, button):focus {
|
|
8870
8872
|
outline: none;
|
|
8871
8873
|
}
|
|
@@ -11178,6 +11180,9 @@ const BMF = KoliBri.createTheme("bmf", {
|
|
|
11178
11180
|
}
|
|
11179
11181
|
`,
|
|
11180
11182
|
"KOL-LINK-BUTTON": css$4`
|
|
11183
|
+
:is(a, button) {
|
|
11184
|
+
font-size: 1.125em;
|
|
11185
|
+
}
|
|
11181
11186
|
:is(a, button):focus {
|
|
11182
11187
|
outline: none;
|
|
11183
11188
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/themes",
|
|
3
|
-
"version": "2.0.0-rc.
|
|
3
|
+
"version": "2.0.0-rc.9",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": "https://github.com/public-ui/kolibri",
|
|
@@ -41,18 +41,18 @@
|
|
|
41
41
|
"wcag"
|
|
42
42
|
],
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@public-ui/schema": "2.0.0-rc.
|
|
44
|
+
"@public-ui/schema": "2.0.0-rc.9",
|
|
45
45
|
"@types/node": "ts5.1",
|
|
46
|
-
"@typescript-eslint/eslint-plugin": "6.
|
|
47
|
-
"@typescript-eslint/parser": "6.
|
|
48
|
-
"eslint": "8.
|
|
46
|
+
"@typescript-eslint/eslint-plugin": "6.10.0",
|
|
47
|
+
"@typescript-eslint/parser": "6.10.0",
|
|
48
|
+
"eslint": "8.53.0",
|
|
49
49
|
"eslint-plugin-no-loops": "0.3.0",
|
|
50
50
|
"nodemon": "3.0.1",
|
|
51
51
|
"typescript": "5.2.2",
|
|
52
52
|
"unbuild": "1.2.1"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|
|
55
|
-
"@public-ui/components": "2.0.0-rc.
|
|
55
|
+
"@public-ui/components": "2.0.0-rc.9"
|
|
56
56
|
},
|
|
57
57
|
"sideEffects": false,
|
|
58
58
|
"type": "module",
|