@luzmo/lucero 1.0.1-alpha.29 → 1.0.1-alpha.30
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.
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
18
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@luzmo/icons"),a=require("lit"),s=require("lit/decorators.js"),v=require("lit/directives/if-defined.js"),d=require("../base-5nDSSNeT.cjs"),h=":host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform, none);block-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));font-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));color:inherit;color:var(--luzmo-icon-color, inherit);fill:currentColor;text-align:center;display:inline-block}::slotted(svg),:host(:not([block])) svg,:host(:not([block])) img{vertical-align:var(--luzmo-icon-vertical-align, -.125em)!important}:host([block]){display:flex;--icon-vertical-align: top;vertical-align:top}:host([block]) ::slotted(svg),:host([block]) svg,:host([block]) img{--icon-vertical-align: top;vertical-align:var(--luzmo-icon-vertical-align, top)}:host([size=xxs]){--icon-size: var(--luzmo-icon-size-xxs)}:host([size=xs]){--icon-size: var(--luzmo-icon-size-xs)}:host([size=s]){--icon-size: var(--luzmo-icon-size-s)}:host,:host([size=m]){--icon-size: var(--luzmo-icon-size-m)}:host([size=l]){--icon-size: var(--luzmo-icon-size-l)}:host([size=xl]){--icon-size: var(--luzmo-icon-size-xl)}:host([size=xxl]){--icon-size: var(--luzmo-icon-size-xxl)}:host(:not(:root)){overflow:visible}@media (forced-colors: active){:host{forced-color-adjust:auto}}img,svg,::slotted(*){height:100%;vertical-align:top;color:inherit}@media (forced-colors: active){img,svg,::slotted(*){forced-color-adjust:auto}}";var f=Object.defineProperty,z=(t,o,l,p)=>{for(var e=void 0,i=t.length-1,n;i>=0;i--)(n=t[i])&&(e=n(o,l,e)||e);return e&&f(o,l,e),e};class u extends d.LuzmoElement{constructor(){super(...arguments),this.label=""}static get styles(){return[a.unsafeCSS(h)]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}update(o){o.has("label")&&(this.label?this.removeAttribute("aria-hidden"):this.setAttribute("aria-hidden","true")),super.update(o)}render(){return a.html` <slot></slot> `}}z([s.property({reflect:!0})],u.prototype,"label");z([s.property({reflect:!0})],u.prototype,"size");var b=Object.defineProperty,c=(t,o,l,p)=>{for(var e=void 0,i=t.length-1,n;i>=0;i--)(n=t[i])&&(e=n(o,l,e)||e);return e&&b(o,l,e),e};class r extends u{constructor(){super(...arguments),this.block=!1}render(){return this.icon?m.luzmoIcon(this.icon,this.options):this.src?a.html` <img src=${this.src} alt=${v.ifDefined(this.label)} /> `:super.render()}}c([s.property()],r.prototype,"src");c([s.property()],r.prototype,"options");c([s.property()],r.prototype,"icon");c([s.property({type:Boolean})],r.prototype,"block");typeof customElements<"u"&&!customElements.get("luzmo-icon")&&customElements.define("luzmo-icon",r);exports.LuzmoIcon=r;
|
package/components/icon/index.js
CHANGED
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
18
|
import { luzmoIcon as f } from "@luzmo/icons";
|
|
19
|
-
import { unsafeCSS as
|
|
19
|
+
import { unsafeCSS as p, html as m } from "lit";
|
|
20
20
|
import { property as i } from "lit/decorators.js";
|
|
21
|
-
import { ifDefined as
|
|
22
|
-
import { a as
|
|
21
|
+
import { ifDefined as b } from "lit/directives/if-defined.js";
|
|
22
|
+
import { a as g } from "../base-CdYjmV_8.js";
|
|
23
23
|
const d = () => {
|
|
24
24
|
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
25
25
|
const e = document.createElement("style");
|
|
@@ -27,18 +27,18 @@ const d = () => {
|
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
d();
|
|
30
|
-
const h = ":host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform, none);block-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));font-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));color:inherit;color:var(--luzmo-icon-color, inherit);fill:currentColor;text-align:center;display:inline-block}::slotted(svg),:host(:not([block])) svg,:host(:not([block])) img{vertical-align:var(--luzmo-icon-vertical-align, -.125em)!important}:host([block]){display:
|
|
30
|
+
const h = ":host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform, none);block-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));font-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));color:inherit;color:var(--luzmo-icon-color, inherit);fill:currentColor;text-align:center;display:inline-block}::slotted(svg),:host(:not([block])) svg,:host(:not([block])) img{vertical-align:var(--luzmo-icon-vertical-align, -.125em)!important}:host([block]){display:flex;--icon-vertical-align: top;vertical-align:top}:host([block]) ::slotted(svg),:host([block]) svg,:host([block]) img{--icon-vertical-align: top;vertical-align:var(--luzmo-icon-vertical-align, top)}:host([size=xxs]){--icon-size: var(--luzmo-icon-size-xxs)}:host([size=xs]){--icon-size: var(--luzmo-icon-size-xs)}:host([size=s]){--icon-size: var(--luzmo-icon-size-s)}:host,:host([size=m]){--icon-size: var(--luzmo-icon-size-m)}:host([size=l]){--icon-size: var(--luzmo-icon-size-l)}:host([size=xl]){--icon-size: var(--luzmo-icon-size-xl)}:host([size=xxl]){--icon-size: var(--luzmo-icon-size-xxl)}:host(:not(:root)){overflow:visible}@media (forced-colors: active){:host{forced-color-adjust:auto}}img,svg,::slotted(*){height:100%;vertical-align:top;color:inherit}@media (forced-colors: active){img,svg,::slotted(*){forced-color-adjust:auto}}";
|
|
31
31
|
var v = Object.defineProperty, a = (e, l, t, z) => {
|
|
32
32
|
for (var o = void 0, r = e.length - 1, c; r >= 0; r--)
|
|
33
33
|
(c = e[r]) && (o = c(l, t, o) || o);
|
|
34
34
|
return o && v(l, t, o), o;
|
|
35
35
|
};
|
|
36
|
-
class u extends
|
|
36
|
+
class u extends g {
|
|
37
37
|
constructor() {
|
|
38
38
|
super(...arguments), this.label = "";
|
|
39
39
|
}
|
|
40
40
|
static get styles() {
|
|
41
|
-
return [
|
|
41
|
+
return [p(h)];
|
|
42
42
|
}
|
|
43
43
|
connectedCallback() {
|
|
44
44
|
super.connectedCallback();
|
|
@@ -69,7 +69,7 @@ class s extends u {
|
|
|
69
69
|
super(...arguments), this.block = !1;
|
|
70
70
|
}
|
|
71
71
|
render() {
|
|
72
|
-
return this.icon ? f(this.icon, this.options) : this.src ? m` <img src=${this.src} alt=${
|
|
72
|
+
return this.icon ? f(this.icon, this.options) : this.src ? m` <img src=${this.src} alt=${b(this.label)} /> ` : super.render();
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
n([
|