@descope/web-components-ui 1.0.151 → 1.0.154

package/dist/umd/9515.js

@@ -0,0 +1,202 @@
+/*! For license information please see 9515.js.LICENSE.txt */
+"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[9515],{9515:(e,t,o)=>{o(1195),o(1735),o(9098),o(9416),o(9849),o(4173);var a=o(5128);(0,a.hC)("vaadin-checkbox",a.iv`
+    :host {
+      color: var(--lumo-body-text-color);
+      font-size: var(--lumo-font-size-m);
+      font-family: var(--lumo-font-family);
+      line-height: var(--lumo-line-height-s);
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+      -webkit-tap-highlight-color: transparent;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      user-select: none;
+      cursor: default;
+      outline: none;
+      --_checkbox-size: var(--vaadin-checkbox-size, calc(var(--lumo-size-m) / 2));
+    }
+
+    :host([has-label]) ::slotted(label) {
+      padding-block: var(--lumo-space-xs);
+      padding-inline: var(--lumo-space-xs) var(--lumo-space-s);
+    }
+
+    [part='checkbox'] {
+      width: var(--_checkbox-size);
+      height: var(--_checkbox-size);
+      margin: var(--lumo-space-xs);
+      position: relative;
+      border-radius: var(--lumo-border-radius-s);
+      background-color: var(--lumo-contrast-20pct);
+      transition: transform 0.2s cubic-bezier(0.12, 0.32, 0.54, 2), background-color 0.15s;
+      cursor: var(--lumo-clickable-cursor);
+    }
+
+    :host([indeterminate]) [part='checkbox'],
+    :host([checked]) [part='checkbox'] {
+      background-color: var(--lumo-primary-color);
+    }
+
+    /* Checkmark */
+    [part='checkbox']::after {
+      pointer-events: none;
+      font-family: 'lumo-icons';
+      content: var(--lumo-icons-checkmark);
+      color: var(--lumo-primary-contrast-color);
+      font-size: calc(var(--_checkbox-size) + 2px);
+      line-height: 1;
+      position: absolute;
+      top: -1px;
+      left: -1px;
+      contain: content;
+      opacity: 0;
+    }
+
+    :host([checked]) [part='checkbox']::after {
+      opacity: 1;
+    }
+
+    /* Indeterminate checkmark */
+    :host([indeterminate]) [part='checkbox']::after {
+      content: '';
+      opacity: 1;
+      top: 45%;
+      height: 10%;
+      left: 22%;
+      right: 22%;
+      width: auto;
+      border: 0;
+      background-color: var(--lumo-primary-contrast-color);
+    }
+
+    /* Focus ring */
+    :host([focus-ring]) [part='checkbox'] {
+      box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
+    }
+
+    /* Disabled */
+    :host([disabled]) {
+      pointer-events: none;
+      color: var(--lumo-disabled-text-color);
+    }
+
+    :host([disabled]) ::slotted(label) {
+      color: inherit;
+    }
+
+    :host([disabled]) [part='checkbox'] {
+      background-color: var(--lumo-contrast-10pct);
+    }
+
+    :host([disabled]) [part='checkbox']::after {
+      color: var(--lumo-contrast-30pct);
+    }
+
+    :host([indeterminate][disabled]) [part='checkbox']::after {
+      background-color: var(--lumo-contrast-30pct);
+    }
+
+    /* RTL specific styles */
+    :host([dir='rtl'][has-label]) ::slotted(label) {
+      padding: var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s);
+    }
+
+    /* Used for activation "halo" */
+    [part='checkbox']::before {
+      pointer-events: none;
+      color: transparent;
+      width: 100%;
+      height: 100%;
+      line-height: var(--_checkbox-size);
+      border-radius: inherit;
+      background-color: inherit;
+      transform: scale(1.4);
+      opacity: 0;
+      transition: transform 0.1s, opacity 0.8s;
+    }
+
+    /* Hover */
+    :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part='checkbox'] {
+      background-color: var(--lumo-contrast-30pct);
+    }
+
+    /* Disable hover for touch devices */
+    @media (pointer: coarse) {
+      :host(:not([checked]):not([indeterminate]):not([disabled]):hover) [part='checkbox'] {
+        background-color: var(--lumo-contrast-20pct);
+      }
+    }
+
+    /* Active */
+    :host([active]) [part='checkbox'] {
+      transform: scale(0.9);
+      transition-duration: 0.05s;
+    }
+
+    :host([active][checked]) [part='checkbox'] {
+      transform: scale(1.1);
+    }
+
+    :host([active]:not([checked])) [part='checkbox']::before {
+      transition-duration: 0.01s, 0.01s;
+      transform: scale(0);
+      opacity: 0.4;
+    }
+  `,{moduleId:"lumo-checkbox"});var r=o(4241),c=o(2521),i=o(4463),s=o(5767),n=o(6634),l=o(1014),h=o(6328),d=o(1598),p=o(4530),u=o(6326);const b=(0,l.o)((e=>class extends((0,h.A)((0,d.f)((0,u.J)(e)))){static get properties(){return{checked:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0}}}static get delegateProps(){return[...super.delegateProps,"checked"]}_onChange(e){const t=e.target;this._toggleChecked(t.checked),(0,p.Qw)(t)||t.focus()}_toggleChecked(e){this.checked=e}}));var m=o(3208),k=o(6821),v=o(6729);const g=e=>class extends((0,k.h)(b((0,n.B)((0,s.D)(e))))){static get properties(){return{indeterminate:{type:Boolean,notify:!0,value:!1,reflectToAttribute:!0},name:{type:String,value:""}}}static get delegateProps(){return[...super.delegateProps,"indeterminate"]}static get delegateAttrs(){return[...super.delegateAttrs,"name"]}constructor(){super(),this._setType("checkbox"),this.value="on"}ready(){super.ready(),this.addController(new m.b(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new v.v(this.inputElement,this._labelController))}_shouldSetActive(e){return"a"!==e.target.localName&&super._shouldSetActive(e)}_toggleChecked(e){this.indeterminate&&(this.indeterminate=!1),super._toggleChecked(e)}},x=a.iv`
+  :host {
+    display: inline-block;
+  }
+
+  :host([hidden]) {
+    display: none !important;
+  }
+
+  :host([disabled]) {
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  .vaadin-checkbox-container {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    align-items: baseline;
+  }
+
+  [part='checkbox'],
+  ::slotted(input),
+  ::slotted(label) {
+    grid-row: 1;
+  }
+
+  [part='checkbox'],
+  ::slotted(input) {
+    grid-column: 1;
+  }
+
+  [part='checkbox'] {
+    width: var(--vaadin-checkbox-size, 1em);
+    height: var(--vaadin-checkbox-size, 1em);
+  }
+
+  [part='checkbox']::before {
+    display: block;
+    content: '\\202F';
+    line-height: var(--vaadin-checkbox-size, 1em);
+    contain: paint;
+  }
+
+  /* visually hidden */
+  ::slotted(input) {
+    opacity: 0;
+    cursor: inherit;
+    margin: 0;
+    align-self: stretch;
+    -webkit-appearance: none;
+  }
+`;(0,a.hC)("vaadin-checkbox",x,{moduleId:"vaadin-checkbox-styles"});class f extends(g((0,c.S)((0,a.Tb)(r.H3)))){static get is(){return"vaadin-checkbox"}static get template(){return r.dy`
+      <div class="vaadin-checkbox-container">
+        <div part="checkbox" aria-hidden="true"></div>
+        <slot name="input"></slot>
+        <slot name="label"></slot>
+      </div>
+      <slot name="tooltip"></slot>
+    `}ready(){super.ready(),this._tooltipController=new i.f(this),this.addController(this._tooltipController)}}customElements.define(f.is,f)}}]);

package/dist/umd/9515.js.LICENSE.txt

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/**
+ * @license
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */