Comparing version 0.1.140 to 0.1.141
@@ -474,5 +474,5 @@ 'use strict'; | ||
this.fontSize = null; | ||
this.adjustSize = (function () { | ||
this.adjustSize = () => { | ||
const lineHeightRatio = Number(this.computedStyle.lineHeight.replace('px', '')) / this.fontSize; | ||
if (!this.value) { | ||
if (!this.host.textContent) { | ||
this.fontSize = this.maxSize; | ||
@@ -483,3 +483,3 @@ } | ||
let height = parseFloat(this.computedStyle.height); | ||
let howmanylines = height / (this.fontSize * lineHeightRatio); | ||
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio)); | ||
if (howmanylines > 1 && this.fontSize > this.minSize) { | ||
@@ -497,3 +497,3 @@ let minus = this.fontSize - 1; | ||
let height = parseFloat(this.computedStyle.height); | ||
let howmanylines = height / (this.fontSize * lineHeightRatio); | ||
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio)); | ||
if (howmanylines <= 1 && this.fontSize < this.maxSize) { | ||
@@ -512,3 +512,3 @@ let plus = this.fontSize + 1; | ||
} | ||
}).bind(this); | ||
}; | ||
this.minSize = 0; | ||
@@ -526,5 +526,2 @@ this.maxSize = 72; | ||
} | ||
} | ||
componentDidLoad() { | ||
this.value = this.host.textContent; | ||
this.computedStyle = window.getComputedStyle(this.host); | ||
@@ -538,7 +535,9 @@ this.fontSize = Number(this.computedStyle.fontSize.replace('px', '')); | ||
} | ||
} | ||
componentDidLoad() { | ||
this.adjustSize(); | ||
window.addEventListener("resize", this.adjustSize); | ||
window.addEventListener("resize", this.adjustSize.bind(this)); | ||
} | ||
disconnectedCallback() { | ||
window.removeEventListener('resize', this.adjustSize); | ||
window.removeEventListener('resize', this.adjustSize.bind(this)); | ||
} | ||
@@ -552,3 +551,3 @@ render() { | ||
const suiInputCss = ":host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:baseline}:host slot{display:block}:host svg{display:none}::slotted([slot]){color:inherit;background-color:transparent;border:none}:host([type=text]),:host([type=password]),:host([type=email]),:host([type=number]),:host([type=search]),:host([type=tel]),:host([type=url]){display:inline-block;width:12em;min-width:1em;font-size:inherit;padding:0.6em 0.66em;line-height:1.33;border-radius:4px;box-sizing:border-box !important;box-shadow:-1px -1px 2px -1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.33), inset 0 0 0 1px rgba(0, 0, 0, 0.25);background-color:inherit;color:inherit}:host([disabled]){box-shadow:none;background-color:hsla(0deg, 0%, 50%, 0.33);filter:grayscale(1)}:host([type=checkbox]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;border:2px solid currentColor;border-radius:2px;box-sizing:border-box;text-align:center;overflow:hidden;display:inline-block;line-height:inherit}:host([type=checkbox][checked]) svg{user-select:none;pointer-events:none;width:100%;display:block;color:inherit}:host([type=radio]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;box-sizing:border-box;border:2px solid currentColor;border-radius:100%;display:inline-block;line-height:inherit}:host([type=radio])::after{content:\"\";user-select:none;pointer-events:none;display:block;position:relative;width:calc(100% - 4px);height:calc(100% - 4px);margin:2px;border-radius:inherit;box-shadow:none;background-color:transparent}:host([type=radio][checked])::after{box-shadow:inset 0.5px 0.5px 0px rgba(255, 255, 255, 0.5),\n inset -0.5px -0.5px 0px rgba(0, 0, 0, 0.25),\n inset 0 0 0px 0.5px rgba(0, 0, 0, 0.25);background-color:currentColor}:host(:not([disabled]):active[type=radio])::after{box-shadow:inset 0 0 0px 0.5px hsla(0deg, 0%, 50%, 0.25),\n inset 0.15px 0.5px 0px rgba(0, 0, 0, 0.8),\n inset -0.5px -0.5px 0px rgba(255, 255, 255, 0.25);background-color:currentColor}:host([type=reset]),:host([type=submit]){-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background:#293fe6;display:inline-table;color:#ffffff;border-radius:5px;vertical-align:baseline;font-size:inherit;padding:0.6em 1.2em;font-weight:bold;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-sizing:border-box;cursor:pointer;user-select:none;text-align:center;box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);line-height:1.33}:host([type=reset]) span[button-text],:host([type=submit]) span[button-text]{display:flex;align-items:center;height:100%;justify-content:center;vertical-align:middle}:host([type=reset]:not([disabled]):hover),:host([type=submit]:not([disabled]):hover){box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%),\n \n inset 0 0 1em 1em hsla(0 0% 75% / 16%)}:host([type=reset]:hover[disabled]),:host([type=submit]:hover[disabled]){cursor:default}:host([type=reset][disabled]),:host([type=submit][disabled]){pointer-events:none;box-shadow:inset -1px -1px 2px rgb(255 255 255 / 65%),\n inset 1px 1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);filter:grayscale(1) contrast(0.25) invert(1) brightness(1.33)}:host([type=reset][hidden]),:host([type=submit][hidden]){display:none !important}:host([type=reset]:not([disabled]):active),:host([type=submit]:not([disabled]):active){box-shadow:inset 0 0 0 1px hsla(0 0% 50% / 25%),\n inset 0 1px 3px rgba(0 0 0 / 75%),\n inset -1px -1px 1px rgb(255 255 255 / 25%)}"; | ||
const suiInputCss = ":host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:baseline}:host slot{display:block}:host svg{display:none}::slotted([slot]){color:inherit;background-color:transparent;border:none}:host([type=text]),:host([type=password]),:host([type=email]),:host([type=number]),:host([type=search]),:host([type=tel]),:host([type=url]){display:inline-block;width:12em;min-width:1em;font-size:inherit;padding:0.6em 0.66em;line-height:1.33;border-radius:4px;box-sizing:border-box !important;box-shadow:-1px -1px 2px -1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.33), inset 0 0 0 1px rgba(0, 0, 0, 0.25);background-color:inherit;color:inherit}:host([disabled]){box-shadow:none;background-color:hsla(0deg, 0%, 50%, 0.33);filter:grayscale(1)}:host([type=checkbox]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;border:2px solid currentColor;border-radius:2px;box-sizing:border-box;text-align:center;overflow:hidden;display:inline-block;line-height:inherit}:host([type=checkbox][checked]) svg{user-select:none;pointer-events:none;width:100%;display:block;color:inherit}:host([type=radio]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;box-sizing:border-box;border:2px solid currentColor;border-radius:100%;display:inline-block;line-height:inherit}:host([type=radio])::after{content:\"\";user-select:none;pointer-events:none;display:block;position:relative;width:calc(100% - 4px);height:calc(100% - 4px);margin:2px;border-radius:inherit;box-shadow:none;background-color:transparent}:host([type=radio][checked])::after{box-shadow:inset 0.5px 0.5px 0px rgba(255, 255, 255, 0.5),\n inset -0.5px -0.5px 0px rgba(0, 0, 0, 0.25),\n inset 0 0 0px 0.5px rgba(0, 0, 0, 0.25);background-color:currentColor}:host(:not([disabled]):active[type=radio])::after{box-shadow:inset 0 0 0px 0.5px hsla(0deg, 0%, 50%, 0.25),\n inset 0.15px 0.5px 0px rgba(0, 0, 0, 0.8),\n inset -0.5px -0.5px 0px rgba(255, 255, 255, 0.25);background-color:currentColor}:host([type=radio][disabled]){background-color:hsla(0deg, 0%, 50%, 0.33)}:host([type=checkbox][disabled]){background-color:hsla(0deg, 0%, 50%, 0.33)}:host([type=reset]),:host([type=submit]){-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background:#293fe6;display:inline-table;color:#ffffff;border-radius:5px;vertical-align:baseline;font-size:inherit;padding:0.6em 1.2em;font-weight:bold;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-sizing:border-box;cursor:pointer;user-select:none;text-align:center;box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);line-height:1.33}:host([type=reset]) span[button-text],:host([type=submit]) span[button-text]{display:flex;align-items:center;height:100%;justify-content:center;vertical-align:middle}:host([type=reset]:not([disabled]):hover),:host([type=submit]:not([disabled]):hover){box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%),\n \n inset 0 0 1em 1em hsla(0 0% 75% / 16%)}:host([type=reset]:hover[disabled]),:host([type=submit]:hover[disabled]){cursor:default}:host([type=reset][disabled]),:host([type=submit][disabled]){pointer-events:none;box-shadow:inset -1px -1px 2px rgb(255 255 255 / 65%),\n inset 1px 1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);filter:grayscale(1) contrast(0.25) invert(1) brightness(1.33)}:host([type=reset][hidden]),:host([type=submit][hidden]){display:none !important}:host([type=reset]:not([disabled]):active),:host([type=submit]:not([disabled]):active){box-shadow:inset 0 0 0 1px hsla(0 0% 50% / 25%),\n inset 0 1px 3px rgba(0 0 0 / 75%),\n inset -1px -1px 1px rgb(255 255 255 / 25%)}"; | ||
@@ -1329,3 +1328,3 @@ const SuiInput = class { | ||
const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{display:block;position:relative !important}:host>.sui-tooltip>.sui-tool{text-align:inherit}:host>.sui-tooltip .sui-tip{display:none;position:absolute;max-width:var(--tip-max-width);box-sizing:border-box;bottom:calc(100% + .66em);top:unset;left:0;right:unset}:host>.sui-tooltip.bottom .sui-tip{top:calc(100% + .66em);bottom:unset}:host>.sui-tooltip.left .sui-tip{left:unset;right:0}:host>.sui-tooltip:hover .sui-tip{display:block}:host>.sui-tooltip:hover .tip-arrow{display:block}.tip-arrow{display:none;position:absolute;width:0;height:0;left:50%;transform:translateX(-50%)}.tip-arrow.bottom{z-index:1;top:calc(100% + 2px);bottom:unset;border:0.5em solid transparent;border-top-width:0;border-bottom-width:.66em;border-bottom-color:var(--tip-background-color)}.tip-arrow.top{top:unset;bottom:calc(100% + 2px);border:0.5em solid transparent;border-bottom-width:0;border-top-width:.66em;border-top-color:var(--tip-background-color)}::slotted([slot='tip']){white-space:pre;overflow:hidden}"; | ||
const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{display:block;position:relative !important}:host>.sui-tooltip>.sui-tool{text-align:inherit}:host>.sui-tooltip .sui-tip{min-width:100%;display:none;position:absolute;max-width:var(--tip-max-width);box-sizing:border-box;bottom:calc(100% + .66em);top:unset;left:0;right:unset}:host>.sui-tooltip.bottom .sui-tip{top:calc(100% + .66em);bottom:unset}:host>.sui-tooltip.left .sui-tip{left:unset;right:0}:host>.sui-tooltip:hover .sui-tip{display:block}:host>.sui-tooltip:hover .tip-arrow{display:block}.tip-arrow{display:none;position:absolute;width:0;height:0;left:50%;transform:translateX(-50%)}.tip-arrow.bottom{z-index:1;top:calc(100% + 2px);bottom:unset;border:0.5em solid transparent;border-top-width:0;border-bottom-width:.66em;border-bottom-color:var(--tip-background-color)}.tip-arrow.top{top:unset;bottom:calc(100% + 2px);border:0.5em solid transparent;border-bottom-width:0;border-top-width:.66em;border-top-color:var(--tip-background-color)}::slotted([slot='tip']){white-space:pre;overflow:hidden}"; | ||
@@ -1332,0 +1331,0 @@ const SuiTooltip = class { |
@@ -5,5 +5,5 @@ import { Host, h } from '@stencil/core'; | ||
this.fontSize = null; | ||
this.adjustSize = (function () { | ||
this.adjustSize = () => { | ||
const lineHeightRatio = Number(this.computedStyle.lineHeight.replace('px', '')) / this.fontSize; | ||
if (!this.value) { | ||
if (!this.host.textContent) { | ||
this.fontSize = this.maxSize; | ||
@@ -14,3 +14,3 @@ } | ||
let height = parseFloat(this.computedStyle.height); | ||
let howmanylines = height / (this.fontSize * lineHeightRatio); | ||
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio)); | ||
if (howmanylines > 1 && this.fontSize > this.minSize) { | ||
@@ -28,3 +28,3 @@ let minus = this.fontSize - 1; | ||
let height = parseFloat(this.computedStyle.height); | ||
let howmanylines = height / (this.fontSize * lineHeightRatio); | ||
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio)); | ||
if (howmanylines <= 1 && this.fontSize < this.maxSize) { | ||
@@ -43,3 +43,3 @@ let plus = this.fontSize + 1; | ||
} | ||
}).bind(this); | ||
}; | ||
this.minSize = 0; | ||
@@ -57,5 +57,2 @@ this.maxSize = 72; | ||
} | ||
} | ||
componentDidLoad() { | ||
this.value = this.host.textContent; | ||
this.computedStyle = window.getComputedStyle(this.host); | ||
@@ -69,7 +66,9 @@ this.fontSize = Number(this.computedStyle.fontSize.replace('px', '')); | ||
} | ||
} | ||
componentDidLoad() { | ||
this.adjustSize(); | ||
window.addEventListener("resize", this.adjustSize); | ||
window.addEventListener("resize", this.adjustSize.bind(this)); | ||
} | ||
disconnectedCallback() { | ||
window.removeEventListener('resize', this.adjustSize); | ||
window.removeEventListener('resize', this.adjustSize.bind(this)); | ||
} | ||
@@ -76,0 +75,0 @@ render() { |
@@ -470,5 +470,5 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-6d8c7c32.js'; | ||
this.fontSize = null; | ||
this.adjustSize = (function () { | ||
this.adjustSize = () => { | ||
const lineHeightRatio = Number(this.computedStyle.lineHeight.replace('px', '')) / this.fontSize; | ||
if (!this.value) { | ||
if (!this.host.textContent) { | ||
this.fontSize = this.maxSize; | ||
@@ -479,3 +479,3 @@ } | ||
let height = parseFloat(this.computedStyle.height); | ||
let howmanylines = height / (this.fontSize * lineHeightRatio); | ||
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio)); | ||
if (howmanylines > 1 && this.fontSize > this.minSize) { | ||
@@ -493,3 +493,3 @@ let minus = this.fontSize - 1; | ||
let height = parseFloat(this.computedStyle.height); | ||
let howmanylines = height / (this.fontSize * lineHeightRatio); | ||
let howmanylines = Math.round(height / (this.fontSize * lineHeightRatio)); | ||
if (howmanylines <= 1 && this.fontSize < this.maxSize) { | ||
@@ -508,3 +508,3 @@ let plus = this.fontSize + 1; | ||
} | ||
}).bind(this); | ||
}; | ||
this.minSize = 0; | ||
@@ -522,5 +522,2 @@ this.maxSize = 72; | ||
} | ||
} | ||
componentDidLoad() { | ||
this.value = this.host.textContent; | ||
this.computedStyle = window.getComputedStyle(this.host); | ||
@@ -534,7 +531,9 @@ this.fontSize = Number(this.computedStyle.fontSize.replace('px', '')); | ||
} | ||
} | ||
componentDidLoad() { | ||
this.adjustSize(); | ||
window.addEventListener("resize", this.adjustSize); | ||
window.addEventListener("resize", this.adjustSize.bind(this)); | ||
} | ||
disconnectedCallback() { | ||
window.removeEventListener('resize', this.adjustSize); | ||
window.removeEventListener('resize', this.adjustSize.bind(this)); | ||
} | ||
@@ -548,3 +547,3 @@ render() { | ||
const suiInputCss = ":host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:baseline}:host slot{display:block}:host svg{display:none}::slotted([slot]){color:inherit;background-color:transparent;border:none}:host([type=text]),:host([type=password]),:host([type=email]),:host([type=number]),:host([type=search]),:host([type=tel]),:host([type=url]){display:inline-block;width:12em;min-width:1em;font-size:inherit;padding:0.6em 0.66em;line-height:1.33;border-radius:4px;box-sizing:border-box !important;box-shadow:-1px -1px 2px -1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.33), inset 0 0 0 1px rgba(0, 0, 0, 0.25);background-color:inherit;color:inherit}:host([disabled]){box-shadow:none;background-color:hsla(0deg, 0%, 50%, 0.33);filter:grayscale(1)}:host([type=checkbox]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;border:2px solid currentColor;border-radius:2px;box-sizing:border-box;text-align:center;overflow:hidden;display:inline-block;line-height:inherit}:host([type=checkbox][checked]) svg{user-select:none;pointer-events:none;width:100%;display:block;color:inherit}:host([type=radio]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;box-sizing:border-box;border:2px solid currentColor;border-radius:100%;display:inline-block;line-height:inherit}:host([type=radio])::after{content:\"\";user-select:none;pointer-events:none;display:block;position:relative;width:calc(100% - 4px);height:calc(100% - 4px);margin:2px;border-radius:inherit;box-shadow:none;background-color:transparent}:host([type=radio][checked])::after{box-shadow:inset 0.5px 0.5px 0px rgba(255, 255, 255, 0.5),\n inset -0.5px -0.5px 0px rgba(0, 0, 0, 0.25),\n inset 0 0 0px 0.5px rgba(0, 0, 0, 0.25);background-color:currentColor}:host(:not([disabled]):active[type=radio])::after{box-shadow:inset 0 0 0px 0.5px hsla(0deg, 0%, 50%, 0.25),\n inset 0.15px 0.5px 0px rgba(0, 0, 0, 0.8),\n inset -0.5px -0.5px 0px rgba(255, 255, 255, 0.25);background-color:currentColor}:host([type=reset]),:host([type=submit]){-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background:#293fe6;display:inline-table;color:#ffffff;border-radius:5px;vertical-align:baseline;font-size:inherit;padding:0.6em 1.2em;font-weight:bold;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-sizing:border-box;cursor:pointer;user-select:none;text-align:center;box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);line-height:1.33}:host([type=reset]) span[button-text],:host([type=submit]) span[button-text]{display:flex;align-items:center;height:100%;justify-content:center;vertical-align:middle}:host([type=reset]:not([disabled]):hover),:host([type=submit]:not([disabled]):hover){box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%),\n \n inset 0 0 1em 1em hsla(0 0% 75% / 16%)}:host([type=reset]:hover[disabled]),:host([type=submit]:hover[disabled]){cursor:default}:host([type=reset][disabled]),:host([type=submit][disabled]){pointer-events:none;box-shadow:inset -1px -1px 2px rgb(255 255 255 / 65%),\n inset 1px 1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);filter:grayscale(1) contrast(0.25) invert(1) brightness(1.33)}:host([type=reset][hidden]),:host([type=submit][hidden]){display:none !important}:host([type=reset]:not([disabled]):active),:host([type=submit]:not([disabled]):active){box-shadow:inset 0 0 0 1px hsla(0 0% 50% / 25%),\n inset 0 1px 3px rgba(0 0 0 / 75%),\n inset -1px -1px 1px rgb(255 255 255 / 25%)}"; | ||
const suiInputCss = ":host{user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:baseline}:host slot{display:block}:host svg{display:none}::slotted([slot]){color:inherit;background-color:transparent;border:none}:host([type=text]),:host([type=password]),:host([type=email]),:host([type=number]),:host([type=search]),:host([type=tel]),:host([type=url]){display:inline-block;width:12em;min-width:1em;font-size:inherit;padding:0.6em 0.66em;line-height:1.33;border-radius:4px;box-sizing:border-box !important;box-shadow:-1px -1px 2px -1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.33), inset 0 0 0 1px rgba(0, 0, 0, 0.25);background-color:inherit;color:inherit}:host([disabled]){box-shadow:none;background-color:hsla(0deg, 0%, 50%, 0.33);filter:grayscale(1)}:host([type=checkbox]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;border:2px solid currentColor;border-radius:2px;box-sizing:border-box;text-align:center;overflow:hidden;display:inline-block;line-height:inherit}:host([type=checkbox][checked]) svg{user-select:none;pointer-events:none;width:100%;display:block;color:inherit}:host([type=radio]){min-height:unset;width:1em;height:1em;font-size:1em;padding:0;box-shadow:none;background-color:transparent;color:#293fe6;box-sizing:border-box;border:2px solid currentColor;border-radius:100%;display:inline-block;line-height:inherit}:host([type=radio])::after{content:\"\";user-select:none;pointer-events:none;display:block;position:relative;width:calc(100% - 4px);height:calc(100% - 4px);margin:2px;border-radius:inherit;box-shadow:none;background-color:transparent}:host([type=radio][checked])::after{box-shadow:inset 0.5px 0.5px 0px rgba(255, 255, 255, 0.5),\n inset -0.5px -0.5px 0px rgba(0, 0, 0, 0.25),\n inset 0 0 0px 0.5px rgba(0, 0, 0, 0.25);background-color:currentColor}:host(:not([disabled]):active[type=radio])::after{box-shadow:inset 0 0 0px 0.5px hsla(0deg, 0%, 50%, 0.25),\n inset 0.15px 0.5px 0px rgba(0, 0, 0, 0.8),\n inset -0.5px -0.5px 0px rgba(255, 255, 255, 0.25);background-color:currentColor}:host([type=radio][disabled]){background-color:hsla(0deg, 0%, 50%, 0.33)}:host([type=checkbox][disabled]){background-color:hsla(0deg, 0%, 50%, 0.33)}:host([type=reset]),:host([type=submit]){-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background:#293fe6;display:inline-table;color:#ffffff;border-radius:5px;vertical-align:baseline;font-size:inherit;padding:0.6em 1.2em;font-weight:bold;font-family:system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;box-sizing:border-box;cursor:pointer;user-select:none;text-align:center;box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);line-height:1.33}:host([type=reset]) span[button-text],:host([type=submit]) span[button-text]{display:flex;align-items:center;height:100%;justify-content:center;vertical-align:middle}:host([type=reset]:not([disabled]):hover),:host([type=submit]:not([disabled]):hover){box-shadow:inset 1px 1px 2px rgb(255 255 255 / 50%),\n inset -1px -1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%),\n \n inset 0 0 1em 1em hsla(0 0% 75% / 16%)}:host([type=reset]:hover[disabled]),:host([type=submit]:hover[disabled]){cursor:default}:host([type=reset][disabled]),:host([type=submit][disabled]){pointer-events:none;box-shadow:inset -1px -1px 2px rgb(255 255 255 / 65%),\n inset 1px 1px 2px rgb(0 0 0 / 25%),\n inset 0 0 0 1px rgb(0 0 0 / 25%);filter:grayscale(1) contrast(0.25) invert(1) brightness(1.33)}:host([type=reset][hidden]),:host([type=submit][hidden]){display:none !important}:host([type=reset]:not([disabled]):active),:host([type=submit]:not([disabled]):active){box-shadow:inset 0 0 0 1px hsla(0 0% 50% / 25%),\n inset 0 1px 3px rgba(0 0 0 / 75%),\n inset -1px -1px 1px rgb(255 255 255 / 25%)}"; | ||
@@ -1325,3 +1324,3 @@ const SuiInput = class { | ||
const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{display:block;position:relative !important}:host>.sui-tooltip>.sui-tool{text-align:inherit}:host>.sui-tooltip .sui-tip{display:none;position:absolute;max-width:var(--tip-max-width);box-sizing:border-box;bottom:calc(100% + .66em);top:unset;left:0;right:unset}:host>.sui-tooltip.bottom .sui-tip{top:calc(100% + .66em);bottom:unset}:host>.sui-tooltip.left .sui-tip{left:unset;right:0}:host>.sui-tooltip:hover .sui-tip{display:block}:host>.sui-tooltip:hover .tip-arrow{display:block}.tip-arrow{display:none;position:absolute;width:0;height:0;left:50%;transform:translateX(-50%)}.tip-arrow.bottom{z-index:1;top:calc(100% + 2px);bottom:unset;border:0.5em solid transparent;border-top-width:0;border-bottom-width:.66em;border-bottom-color:var(--tip-background-color)}.tip-arrow.top{top:unset;bottom:calc(100% + 2px);border:0.5em solid transparent;border-bottom-width:0;border-top-width:.66em;border-top-color:var(--tip-background-color)}::slotted([slot='tip']){white-space:pre;overflow:hidden}"; | ||
const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{display:block;position:relative !important}:host>.sui-tooltip>.sui-tool{text-align:inherit}:host>.sui-tooltip .sui-tip{min-width:100%;display:none;position:absolute;max-width:var(--tip-max-width);box-sizing:border-box;bottom:calc(100% + .66em);top:unset;left:0;right:unset}:host>.sui-tooltip.bottom .sui-tip{top:calc(100% + .66em);bottom:unset}:host>.sui-tooltip.left .sui-tip{left:unset;right:0}:host>.sui-tooltip:hover .sui-tip{display:block}:host>.sui-tooltip:hover .tip-arrow{display:block}.tip-arrow{display:none;position:absolute;width:0;height:0;left:50%;transform:translateX(-50%)}.tip-arrow.bottom{z-index:1;top:calc(100% + 2px);bottom:unset;border:0.5em solid transparent;border-top-width:0;border-bottom-width:.66em;border-bottom-color:var(--tip-background-color)}.tip-arrow.top{top:unset;bottom:calc(100% + 2px);border:0.5em solid transparent;border-bottom-width:0;border-top-width:.66em;border-top-color:var(--tip-background-color)}::slotted([slot='tip']){white-space:pre;overflow:hidden}"; | ||
@@ -1328,0 +1327,0 @@ const SuiTooltip = class { |
@@ -1,1 +0,1 @@ | ||
import{p as e,b as i}from"./p-ba9fb985.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-fc80be09",[[1,"sui-button",{disabled:[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-input",{value:[8],disabled:[4],checked:[1028],required:[4],type:[1],checkedDefault:[4,"checked-default"],el:[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-select",{value:[1032],disabled:[4],required:[4],multiple:[4],el:[16],displayedValue:[32]}],[1,"sui-textarea",{value:[1025],disabled:[4],el:[16],textValue:[32]}],[1,"sui-tooltip",{maxWidth:[32],classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],e))); | ||
import{p as e,b as i}from"./p-ba9fb985.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-00181c3c",[[1,"sui-button",{disabled:[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-input",{value:[8],disabled:[4],checked:[1028],required:[4],type:[1],checkedDefault:[4,"checked-default"],el:[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-select",{value:[1032],disabled:[4],required:[4],multiple:[4],el:[16],displayedValue:[32]}],[1,"sui-textarea",{value:[1025],disabled:[4],el:[16],textValue:[32]}],[1,"sui-tooltip",{maxWidth:[32],classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],e))); |
@@ -5,10 +5,9 @@ export declare class SuiFlextext { | ||
maxSize: number; | ||
value: string; | ||
fontSize: number; | ||
computedStyle: CSSStyleDeclaration; | ||
componentWillLoad(): void; | ||
adjustSize: () => void; | ||
componentDidLoad(): void; | ||
disconnectedCallback(): void; | ||
adjustSize: any; | ||
render(): any; | ||
} |
{ | ||
"name": "skateui", | ||
"version": "0.1.140", | ||
"version": "0.1.141", | ||
"description": "Vanilla HTML compatible custom UI components", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
549113
10688