New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@umbraco-ui/uui-base

Package Overview
Dependencies
Maintainers
3
Versions
65
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@umbraco-ui/uui-base - npm Package Compare versions

Comparing version 0.0.13 to 0.0.14

lib/mixins/SelectableMixin.d.ts

4

lib/animations/index.js

@@ -15,3 +15,3 @@ import { css, unsafeCSS } from 'lit';

}
@keyframes uui-blink {
@keyframes uui-blink {
0% {

@@ -45,3 +45,3 @@ opacity: 1;

}
@keyframes pulse {
@keyframes pulse {
0% {

@@ -48,0 +48,0 @@ transform: translate(-50%, -50%) scale(0.2);

@@ -17,2 +17,5 @@ var __defProp = Object.defineProperty;

};
typeof require !== "undefined" ? require : (x) => {
throw new Error('Dynamic require of "' + x + '" is not supported');
};
const _UUIEvent = class extends Event {

@@ -19,0 +22,0 @@ constructor(evName, eventInit = {}) {

export * from './ActiveMixin';
export * from './LabelMixin';
export * from './SelectableComponentMixin';
export * from './SelectableMixin';

@@ -6,2 +6,5 @@ import { property, state } from 'lit/decorators.js';

var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
typeof require !== "undefined" ? require : (x) => {
throw new Error('Dynamic require of "' + x + '" is not supported');
};
var __decorateClass$2 = (decorators, target, key, kind) => {

@@ -31,2 +34,5 @@ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;

var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
typeof require !== "undefined" ? require : (x) => {
throw new Error('Dynamic require of "' + x + '" is not supported');
};
var __decorateClass$1 = (decorators, target, key, kind) => {

@@ -45,3 +51,3 @@ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;

super(...arguments);
this.labelSlotHasContent = false;
this._labelSlotHasContent = false;
}

@@ -51,14 +57,14 @@ connectedCallback() {

if (!this.label) {
console.warn(this.tagName + " needs a `label`");
console.warn(this.tagName + " needs a `label`", this);
}
}
labelSlotChanged(e) {
this.labelSlotHasContent = e.target.assignedNodes({ flatten: true }).length > 0;
this._labelSlotHasContent = e.target.assignedNodes({ flatten: true }).length > 0;
}
renderLabel() {
return html`
${this.labelSlotHasContent === false ? html`<span class="label">${this.label}</span>` : ""}
${this._labelSlotHasContent === false ? html`<span class="label">${this.label}</span>` : ""}
<slot
class="label"
style=${this.labelSlotHasContent ? "" : "visibility: hidden"}
style=${this._labelSlotHasContent ? "" : "visibility: hidden"}
name=${labelSlotName ? labelSlotName : ""}

@@ -74,3 +80,3 @@ @slotchange=${this.labelSlotChanged}></slot>

state()
], LabelMixinClass.prototype, "labelSlotHasContent", 2);
], LabelMixinClass.prototype, "_labelSlotHasContent", 2);
return LabelMixinClass;

@@ -81,2 +87,5 @@ };

var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
typeof require !== "undefined" ? require : (x) => {
throw new Error('Dynamic require of "' + x + '" is not supported');
};
var __decorateClass = (decorators, target, key, kind) => {

@@ -83,0 +92,0 @@ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;

export * from './InterfaceLook';
export * from './Size';

@@ -19,4 +19,2 @@ import { unsafeCSS } from 'lit';

const sizes = ["xs", "s", "m", "l", "xl"];
export { InterfaceLookCSSCreator, InterfaceLookDefaultValue, InterfaceLookNames, sizes };
export { InterfaceLookCSSCreator, InterfaceLookDefaultValue, InterfaceLookNames };

@@ -6,2 +6,5 @@ import { html, css, LitElement } from 'lit';

var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
typeof require !== "undefined" ? require : (x) => {
throw new Error('Dynamic require of "' + x + '" is not supported');
};
var __decorateClass$1 = (decorators, target, key, kind) => {

@@ -20,3 +23,3 @@ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;

super(...arguments);
this.labelSlotHasContent = false;
this._labelSlotHasContent = false;
}

@@ -26,14 +29,14 @@ connectedCallback() {

if (!this.label) {
console.warn(this.tagName + " needs a `label`");
console.warn(this.tagName + " needs a `label`", this);
}
}
labelSlotChanged(e) {
this.labelSlotHasContent = e.target.assignedNodes({ flatten: true }).length > 0;
this._labelSlotHasContent = e.target.assignedNodes({ flatten: true }).length > 0;
}
renderLabel() {
return html`
${this.labelSlotHasContent === false ? html`<span class="label">${this.label}</span>` : ""}
${this._labelSlotHasContent === false ? html`<span class="label">${this.label}</span>` : ""}
<slot
class="label"
style=${this.labelSlotHasContent ? "" : "visibility: hidden"}
style=${this._labelSlotHasContent ? "" : "visibility: hidden"}
name=${labelSlotName ? labelSlotName : ""}

@@ -49,3 +52,3 @@ @slotchange=${this.labelSlotChanged}></slot>

state()
], LabelMixinClass.prototype, "labelSlotHasContent", 2);
], LabelMixinClass.prototype, "_labelSlotHasContent", 2);
return LabelMixinClass;

@@ -70,2 +73,5 @@ };

};
typeof require !== "undefined" ? require : (x) => {
throw new Error('Dynamic require of "' + x + '" is not supported');
};
const _UUIEvent = class extends Event {

@@ -88,2 +94,5 @@ constructor(evName, eventInit = {}) {

var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
typeof require !== "undefined" ? require : (x) => {
throw new Error('Dynamic require of "' + x + '" is not supported');
};
var __decorateClass = (decorators, target, key, kind) => {

@@ -90,0 +99,0 @@ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;

{
"name": "@umbraco-ui/uui-base",
"version": "0.0.13",
"version": "0.0.14",
"license": "MIT",

@@ -38,3 +38,3 @@ "keywords": [

"homepage": "https://uui.umbraco.com/?path=/story/uui-base",
"gitHead": "fa4be54d3e80b0a6e14070b2881799dc56df089f"
"gitHead": "27d48bb352dcac2b08d55958ecba92b28c11d957"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc