@sbb-esta/lyne-elements-dev 4.0.0-dev.1776065430 → 4.0.0-dev.1776067066
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/{block-link-common-CUOted-V.js → block-link-common-CDrCAdGP.js} +36 -15
- package/custom-elements.json +163 -366
- package/development/{block-link-common-CzBZuWTF.js → block-link-common-CwurjMj1.js} +33 -3
- package/development/{inline-link-common-Bhuybysa.js → inline-link-common-CONiCeR9.js} +2 -2
- package/development/link/common/block-link-common.d.ts +2 -0
- package/development/link/common/block-link-common.d.ts.map +1 -1
- package/development/link/common/block-link-common.js +1 -1
- package/development/link/common/inline-link-common.js +1 -1
- package/development/link/common/link-common.d.ts +0 -2
- package/development/link/common/link-common.d.ts.map +1 -1
- package/development/link/common/link-common.js +1 -1
- package/development/link-common-4Ag6Mio-.js +26 -0
- package/development/link.js +3 -3
- package/development/link.pure.js +3 -3
- package/{inline-link-common-CMMqUreS.js → inline-link-common-DyeQzML8.js} +1 -1
- package/link/common/block-link-common.js +1 -1
- package/link/common/inline-link-common.js +1 -1
- package/link/common/link-common.js +1 -1
- package/{link-common-fMUNMO2M.js → link-common-DO7R6Wp4.js} +12 -43
- package/link.js +3 -3
- package/link.pure.js +3 -3
- package/package.json +2 -2
- package/development/link-common-_5JydwQi.js +0 -70
|
@@ -1,18 +1,32 @@
|
|
|
1
|
-
import { t as e } from "./link-common-
|
|
1
|
+
import { t as e } from "./link-common-DO7R6Wp4.js";
|
|
2
2
|
import { __esDecorate as t, __runInitializers as n } from "tslib";
|
|
3
3
|
import { html as r, unsafeCSS as i } from "lit";
|
|
4
4
|
import { property as a } from "lit/decorators.js";
|
|
5
|
-
import {
|
|
5
|
+
import { isLean as o } from "./core.js";
|
|
6
|
+
import { SbbIconNameMixin as s } from "./icon.pure.js";
|
|
6
7
|
//#region src/elements/link/common/block-link.scss?inline
|
|
7
|
-
var
|
|
8
|
-
let
|
|
9
|
-
return class extends
|
|
8
|
+
var c = ":host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline}:host([size=xs]){--sbb-block-link-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-block-link-font-size: var(--sbb-text-font-size-s)}:host([size=m]){--sbb-block-link-font-size: var(--sbb-text-font-size-m)}.sbb-action-base{gap:var(--sbb-block-link-gap);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-block-link-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-text) * 1em);width:var(--sbb-block-link-icon-size);flex:0 0 auto;align-self:start}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}", l = (l) => (() => {
|
|
9
|
+
let u = e(s(l)), d, f = [], p = [], m, h = [], g = [];
|
|
10
|
+
return class extends u {
|
|
10
11
|
static {
|
|
11
|
-
let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
12
|
-
|
|
12
|
+
let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
|
|
13
|
+
d = [a({ reflect: !0 })], m = [a({
|
|
13
14
|
attribute: "icon-placement",
|
|
14
15
|
reflect: !0
|
|
15
|
-
})], t(this, null,
|
|
16
|
+
})], t(this, null, d, {
|
|
17
|
+
kind: "accessor",
|
|
18
|
+
name: "size",
|
|
19
|
+
static: !1,
|
|
20
|
+
private: !1,
|
|
21
|
+
access: {
|
|
22
|
+
has: (e) => "size" in e,
|
|
23
|
+
get: (e) => e.size,
|
|
24
|
+
set: (e, t) => {
|
|
25
|
+
e.size = t;
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
metadata: e
|
|
29
|
+
}, f, p), t(this, null, m, {
|
|
16
30
|
kind: "accessor",
|
|
17
31
|
name: "iconPlacement",
|
|
18
32
|
static: !1,
|
|
@@ -25,7 +39,7 @@ var s = ":host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), v
|
|
|
25
39
|
}
|
|
26
40
|
},
|
|
27
41
|
metadata: e
|
|
28
|
-
},
|
|
42
|
+
}, h, g), e && Object.defineProperty(this, Symbol.metadata, {
|
|
29
43
|
enumerable: !0,
|
|
30
44
|
configurable: !0,
|
|
31
45
|
writable: !0,
|
|
@@ -33,15 +47,22 @@ var s = ":host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), v
|
|
|
33
47
|
});
|
|
34
48
|
}
|
|
35
49
|
static {
|
|
36
|
-
this.styles = [super.styles, i(
|
|
50
|
+
this.styles = [super.styles, i(c)];
|
|
37
51
|
}
|
|
38
|
-
#e = n(this,
|
|
39
|
-
get
|
|
52
|
+
#e = n(this, f, o() ? "xs" : "s");
|
|
53
|
+
get size() {
|
|
40
54
|
return this.#e;
|
|
41
55
|
}
|
|
42
|
-
set
|
|
56
|
+
set size(e) {
|
|
43
57
|
this.#e = e;
|
|
44
58
|
}
|
|
59
|
+
#t = (n(this, p), n(this, h, "start"));
|
|
60
|
+
get iconPlacement() {
|
|
61
|
+
return this.#t;
|
|
62
|
+
}
|
|
63
|
+
set iconPlacement(e) {
|
|
64
|
+
this.#t = e;
|
|
65
|
+
}
|
|
45
66
|
renderTemplate() {
|
|
46
67
|
return r`
|
|
47
68
|
<span class="sbb-link__icon">${super.renderIconSlot()}</span>
|
|
@@ -49,9 +70,9 @@ var s = ":host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), v
|
|
|
49
70
|
`;
|
|
50
71
|
}
|
|
51
72
|
constructor() {
|
|
52
|
-
super(...arguments), n(this,
|
|
73
|
+
super(...arguments), n(this, g);
|
|
53
74
|
}
|
|
54
75
|
};
|
|
55
76
|
})();
|
|
56
77
|
//#endregion
|
|
57
|
-
export {
|
|
78
|
+
export { l as t };
|