@sky.ui/core 0.0.1

package/dist/sky-carousel/sky-carousel.js

@@ -0,0 +1,211 @@
+import{__decorate as t,__metadata as i}from"tslib";import{LitElement as e,css as s,html as r}from"lit";import{property as o,customElement as n}from"lit/decorators.js";import{styleMap as a}from"lit/directives/style-map.js";import{when as l}from"lit/directives/when.js";import{repeat as d}from"lit/directives/repeat.js";import{classMap as p}from"lit/directives/class-map.js";import{SkyIcon as h}from"../sky-icon/sky-icon.js";let c=class extends e{constructor(){super(...arguments),this.currentIndex=0,this.slideCount=0,this.maxWidth="600px",this.showBullets=!0,this.auto=!0,this.showIndex=!1,this.showButton=!1,this.autoSlideInterval=3e3,this.isLoading=!1,this.slidesVisible=1,this.slidesToScroll=1,this.partialVisible=!1,this.slideGap="0",this.isDragging=!1,this.startX=0,this.currentX=0,this.autoSlideTimer=null,this.onPointerDown=t=>{this.isDragging=!0,this.startX=t.clientX,this.currentX=t.clientX},this.onPointerMove=t=>{this.isDragging&&(this.currentX=t.clientX)},this.onPointerUp=()=>{if(!this.isDragging)return;const t=this.currentX-this.startX;t>50?this.prevSlide():t<-50&&this.nextSlide(),this.isDragging=!1,this.startX=0,this.currentX=0},this.nextSlide=()=>{const t=this.currentIndex+this.slidesToScroll,i=t>=this.slideCount-this.slidesVisible+1?0:Math.min(t,this.slideCount-this.slidesVisible);this.currentIndex=i,this.dispatchEvent(new CustomEvent("slide-changed",{detail:{index:this.currentIndex},bubbles:!0,composed:!0}))},this.prevSlide=()=>{const t=this.currentIndex-this.slidesToScroll;this.currentIndex=t<0?this.slideCount-this.slidesVisible:Math.max(t,0),this.dispatchEvent(new CustomEvent("slide-changed",{detail:{index:this.currentIndex},bubbles:!0,composed:!0}))}}static{this.dependencies={"sky-icon":h}}static{this.styles=s`
+    :host {
+      display: block;
+      position: relative;
+      overflow: hidden;
+    }
+
+    .slider-container {
+      display: flex;
+      transition: transform 0.5s ease-in-out;
+      width: 100%;
+    }
+
+    ::slotted(*) {
+      flex: 0 0 calc(100% / var(--slides-visible));
+      padding: 0 calc(var(--slide-gap) / 2);
+      box-sizing: border-box;
+      opacity: 1;
+      transition: opacity 0.3s ease;
+    }
+
+    :host([partial-visible]) ::slotted(*) {
+      opacity: 0.6;
+    }
+
+    :host([partial-visible]) ::slotted(.active) {
+      opacity: 1;
+    }
+
+    .slider-wrapper {
+      position: relative;
+      width: 100%;
+      overflow: hidden;
+    }
+
+    .nav-button {
+      position: absolute;
+      top: 50%;
+      transform: translateY(-50%);
+      background: var(--sky-glass-primary);
+      color: var(--sky-active-primary);
+      border-radius: var(--sky-radius-full);
+      box-shadow: var(--sky-box-shadow-primary);
+      border: var(--sky-border-primary);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 10px;
+      cursor: pointer;
+      z-index: 1;
+      overflow: hidden;
+    }
+
+    .nav-button::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
+        var(--sky-saturation-primary);
+      -webkit-backdrop-filter: var(--sky-blur-primary)
+        var(--sky-brightness-primary) var(--sky-saturation-primary);
+      border-radius: inherit;
+      z-index: -1;
+    }
+
+    .prev {
+      left: 10px;
+    }
+
+    .next {
+      right: 10px;
+    }
+
+    .index-display {
+      position: absolute;
+      bottom: 10px;
+      left: 50%;
+      transform: translateX(-50%);
+      font-size: 10px;
+      color: var(--sky-active-primary);
+      background: var(--sky-glass-primary);
+      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
+        var(--sky-saturation-primary);
+      -webkit-backdrop-filter: var(--sky-blur-primary)
+        var(--sky-brightness-primary) var(--sky-saturation-primary);
+      padding: 4px 8px;
+      border: var(--sky-border-primary);
+      border-radius: var(--sky-radius-tertiary);
+    }
+
+    .bullet-navigation {
+      position: absolute;
+      bottom: 20px;
+      left: 50%;
+      transform: translateX(-50%);
+      display: flex;
+      gap: 10px;
+      padding: 5px 10px;
+      border: var(--sky-border-primary);
+      border-radius: var(--sky-radius-full);
+      box-shadow: var(--sky-box-shadow-primary);
+      border: var(--sky-border-primary);
+      background: var(--sky-glass-primary);
+    }
+
+    .bullet-navigation::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      backdrop-filter: var(--sky-blur-primary) var(--sky-brightness-primary)
+        var(--sky-saturation-primary);
+      -webkit-backdrop-filter: var(--sky-blur-primary)
+        var(--sky-brightness-primary) var(--sky-saturation-primary);
+      border-radius: inherit;
+      z-index: -1;
+    }
+
+    .bullet {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: var(--sky-text-secondary);
+      box-shadow: var(--sky-box-shadow-primary);
+      border: var(--sky-border-primary);
+      cursor: pointer;
+    }
+
+    .bullet.active {
+      background-color: var(--sky-active-primary);
+    }
+
+    .loading-overlay {
+      position: absolute;
+      inset: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: var(--sky-overlay-primary);
+      border-radius: inherit;
+      z-index: 2;
+    }
+
+    .loading-spinner {
+      width: 40px;
+      height: 40px;
+      border: 2px solid var(--sky-text-white);
+      border-top-color: var(--sky-active-primary);
+      border-radius: 50%;
+      animation: spin 0.8s linear infinite;
+    }
+
+    @keyframes spin {
+      from {
+        transform: rotate(0deg);
+      }
+      to {
+        transform: rotate(360deg);
+      }
+    }
+
+    .no-select {
+      user-select: none !important;
+      pointer-events: none !important;
+    }
+  `}connectedCallback(){super.connectedCallback(),this.updateSlideCount(),this.maxWidth&&(this.style.maxWidth=this.maxWidth),this.startAutoSlide(),this.addEventListener("pointerdown",this.onPointerDown),this.addEventListener("pointermove",this.onPointerMove),this.addEventListener("pointerup",this.onPointerUp),this.addEventListener("pointerleave",this.onPointerUp)}disconnectedCallback(){super.disconnectedCallback(),this.stopAutoSlide(),this.removeEventListener("pointerdown",this.onPointerDown),this.removeEventListener("pointermove",this.onPointerMove),this.removeEventListener("pointerup",this.onPointerUp),this.removeEventListener("pointerleave",this.onPointerUp)}willUpdate(t){super.willUpdate(t),t.has("autoSlideInterval")&&this.startAutoSlide()}updateSlideCount(){const t=this.shadowRoot?.querySelector("slot");t&&(this.slideCount=t.assignedElements().length)}startAutoSlide(){this.stopAutoSlide(),this.auto&&this.autoSlideInterval>0&&this.slideCount>this.slidesVisible&&(this.autoSlideTimer=setInterval(()=>this.nextSlide(),this.autoSlideInterval))}stopAutoSlide(){this.autoSlideTimer&&(clearInterval(this.autoSlideTimer),this.autoSlideTimer=null)}setSlide(t){this.currentIndex=Math.min(t,this.slideCount-this.slidesVisible),this.stopAutoSlide(),this.startAutoSlide(),this.dispatchEvent(new CustomEvent("slide-changed",{detail:{index:this.currentIndex},bubbles:!0,composed:!0}))}render(){const t=this.closest('[dir="rtl"]')||"rtl"===document.dir?this.currentIndex*(100/this.slidesVisible)+"%":`-${this.currentIndex*(100/this.slidesVisible)}%`,i=Math.ceil((this.slideCount-this.slidesVisible+1)/this.slidesToScroll),e={transform:`translateX(${t})`,...this.partialVisible&&{margin:`0 calc(${this.slideGap} / -2)`,width:`calc(100% + ${this.slideGap})`},"--slides-visible":`${this.slidesVisible}`,"--slide-gap":this.slideGap},s=Array.from({length:i},(t,i)=>i);return r`
+      ${l(this.isLoading,()=>r`<div class="loading-overlay" part="loading-overlay">
+          <div class="loading-spinner" part="loading-spinner"></div>
+        </div>`)}
+      <div class="slider-wrapper" part="slider-wrapper">
+        <div
+          class="slider-container"
+          part="slider-container"
+          style=${a(e)}
+          @slotchange=${this.updateSlideCount}
+        >
+          <slot></slot>
+        </div>
+
+        ${l(this.showButton&&this.slideCount>this.slidesVisible,()=>r`
+            <button
+              class="nav-button prev"
+              part="nav-button nav-button-prev"
+              @click=${this.prevSlide}
+            >
+              <sky-icon icon="ion:chevron-back"></sky-icon>
+            </button>
+            <button
+              class="nav-button next"
+              part="nav-button nav-button-next"
+              @click=${this.nextSlide}
+            >
+              <sky-icon icon="ion:chevron-forward"></sky-icon>
+            </button>
+          `)}
+        ${l(this.showIndex,()=>r`<div class="index-display" part="index-display">
+            ${this.slidesVisible>1?`${this.currentIndex+1}-${Math.min(this.currentIndex+this.slidesVisible,this.slideCount)} / ${this.slideCount}`:`${this.currentIndex+1} / ${this.slideCount}`}
+          </div>`)}
+        ${l(this.showBullets&&this.slideCount>this.slidesVisible,()=>r`
+            <div class="bullet-navigation" part="bullet-navigation">
+              ${d(s,t=>String(t),t=>{const i=this.currentIndex===t*this.slidesToScroll;return r`
+                    <div
+                      class=${p({bullet:!0,active:i})}
+                      part=${i?"bullet bullet-active":"bullet"}
+                      @click=${()=>this.setSlide(t*this.slidesToScroll)}
+                    ></div>
+                  `})}
+            </div>
+          `)}
+      </div>
+    `}};t([o({type:Number,reflect:!0}),i("design:type",Object)],c.prototype,"currentIndex",void 0),t([o({type:Number,reflect:!0}),i("design:type",Object)],c.prototype,"slideCount",void 0),t([o({type:String}),i("design:type",Object)],c.prototype,"maxWidth",void 0),t([o({type:Boolean,reflect:!0}),i("design:type",Object)],c.prototype,"showBullets",void 0),t([o({type:Boolean,reflect:!0}),i("design:type",Object)],c.prototype,"auto",void 0),t([o({type:Boolean,reflect:!0}),i("design:type",Object)],c.prototype,"showIndex",void 0),t([o({type:Boolean,reflect:!0}),i("design:type",Object)],c.prototype,"showButton",void 0),t([o({type:Number}),i("design:type",Object)],c.prototype,"autoSlideInterval",void 0),t([o({type:Boolean,reflect:!0}),i("design:type",Object)],c.prototype,"isLoading",void 0),t([o({type:Number}),i("design:type",Object)],c.prototype,"slidesVisible",void 0),t([o({type:Number}),i("design:type",Object)],c.prototype,"slidesToScroll",void 0),t([o({type:Boolean}),i("design:type",Object)],c.prototype,"partialVisible",void 0),t([o({type:String}),i("design:type",Object)],c.prototype,"slideGap",void 0),c=t([n("sky-carousel")],c);export{c as SkyCarousel};
+//# sourceMappingURL=sky-carousel.js.map

package/dist/sky-carousel/sky-carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sky-carousel.js","sources":["../../src/sky-carousel/sky-carousel.ts"],"sourcesContent":[null],"names":["SkyCarousel","LitElement","constructor","this","currentIndex","slideCount","maxWidth","showBullets","auto","showIndex","showButton","autoSlideInterval","isLoading","slidesVisible","slidesToScroll","partialVisible","slideGap","isDragging","startX","currentX","autoSlideTimer","onPointerDown","e","clientX","onPointerMove","onPointerUp","delta","prevSlide","nextSlide","next","nextIndex","Math","min","dispatchEvent","CustomEvent","detail","index","bubbles","composed","prev","max","dependencies","SkyIcon","styles","css","connectedCallback","super","updateSlideCount","style","startAutoSlide","addEventListener","disconnectedCallback","stopAutoSlide","removeEventListener","willUpdate","changedProps","has","slot","shadowRoot","querySelector","assignedElements","length","setInterval","clearInterval","setSlide","render","translateX","closest","document","dir","bulletCount","ceil","containerStyle","transform","margin","width","bulletIndices","Array","from","_","i","html","when","styleMap","repeat","String","active","classMap","bullet","__decorate","property","type","Number","reflect","prototype","Boolean","customElement"],"mappings":"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"}

package/dist/sky-checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from "./sky-checkbox";

package/dist/sky-checkbox/index.js

@@ -0,0 +1 @@
+export * from './sky-checkbox.js';

package/dist/sky-checkbox/sky-checkbox.d.ts

@@ -0,0 +1,165 @@
+import { FormControlBase, FormState } from "../helper/internals/form-control-base";
+export interface CheckboxProperties {
+    label: string;
+    checked: boolean;
+    disabled: boolean;
+    indeterminate: boolean;
+    id: string;
+    value: string;
+    color: string;
+    required: boolean;
+    validationErrors: string[];
+    validationActive: boolean;
+    defaultChecked: boolean;
+    requiredMessage: string;
+    showErrors: boolean;
+    prefix: string;
+    suffix: string;
+    prefixColor: string;
+    suffixColor: string;
+}
+/** `checked` is always the boolean model; `value` keeps form/legacy semantics (see `handleChange`). */
+export type SkyCheckboxValueChangedDetail = {
+    checked: boolean;
+    value: string | boolean | undefined;
+};
+export type SkyCheckboxValidationErrorDetail = {
+    errors: string[];
+};
+export type SkyCheckboxValueClearedDetail = {
+    value: string;
+    checked: boolean;
+};
+/**
+ * @element sky-checkbox
+ *
+ * @summary Form-associated checkbox with validation, indeterminate state, and customizable label/prefix/suffix rendering.
+ *
+ * @status stable
+ * @since 1.0.0
+ *
+ * @documentation https://library.sky-ui.com/components/checkbox
+ *
+ * @uiVModel checked value-changed detail=checked
+ *
+ * @slot - Default slot for the checkbox label or other content.
+ * @slot prefix - Optional prefix content that can be placed before the label.
+ * @slot suffix - Optional suffix content that can be placed after the label.
+ *
+ * @csspart wrapper - The wrapper element for the checkbox.
+ * @csspart input - The native input element used for the checkbox.
+ * @csspart label - The label element for the checkbox, used for styling.
+ * @csspart box - The visual box for the checkbox, which includes the checkmark and indeterminate state.
+ * @csspart checkmark - The checkmark icon that appears when the checkbox is checked.
+ * @csspart indeterminate-line - The line representing the indeterminate state of the checkbox.
+ * @csspart error-message - The error message displayed if the checkbox is invalid.
+ *
+ * @property {string} label - The label for the checkbox. Default: `""`.
+ * @property {boolean} checked - Whether the checkbox is checked. Default: `false`.
+ * @property {boolean} indeterminate - Whether the checkbox is in the indeterminate state. Default: `false`.
+ * @property {string} color - The color used for the checkbox and its checkmark. Default: `"primary"`.
+ * @property {string} value - The value of the checkbox, which gets submitted with the form. Default: `""`.
+ * @property {boolean} showErrors - Whether to display validation error messages. Default: `false`.
+ * @property {string} prefix - Optional prefix text or content before the label. Default: `""`.
+ * @property {string} suffix - Optional suffix text or content after the label. Default: `""`.
+ * @property {string} prefixColor - The color for the prefix text. Default: `""`.
+ * @property {string} suffixColor - The color for the suffix text. Default: `""`.
+ * @property {boolean} defaultChecked - Default checked state for reset operations. Default: `false`.
+ * @method check Sets checked state to `true`.
+ * @method uncheck Sets checked state to `false`.
+ * @method toggle Toggles checked state.
+ * @method reset Resets checkbox state to defaults and clears UI validation state.
+ *
+ * @fires {CustomEvent<SkyCheckboxValueChangedDetail>} value-changed - Fired when checked state changes; `detail.checked` is always boolean (use for v-model). `detail.value` is the form token when the `value` prop is set, else mirrors `checked`.
+ * @fires {CustomEvent<SkyCheckboxValidationErrorDetail>} validation-error - Fired when validation errors are updated.
+ * @fires {CustomEvent<SkyCheckboxValueClearedDetail>} value-cleared - Fired when checkbox is reset programmatically.
+ *
+ * @example
+ * ```html
+ * <sky-checkbox label="Accept Terms" required showerrors prefix="Legal"></sky-checkbox>
+ * ```
+ * ```vue
+ * <template>
+ *   <sky-checkbox label="Accept Terms" required showerrors prefix="Legal"></sky-checkbox>
+ * </template>
+ * ```
+ * ```jsx
+ * export default function Demo() {
+ *   return <sky-checkbox label="Accept Terms" required showerrors prefix="Legal"></sky-checkbox>;
+ * }
+ * ```
+ */
+export declare class SkyCheckbox extends FormControlBase {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    label: string;
+    id: string;
+    value: string;
+    color: string;
+    defaultChecked: boolean;
+    showErrors: boolean;
+    prefix: string;
+    suffix: string;
+    prefixColor: string;
+    suffixColor: string;
+    validationActive: boolean;
+    invalid: boolean;
+    private _checked;
+    private _indeterminate;
+    private validationErrors;
+    private _hasMeaningfulSlot;
+    private _inputElement?;
+    private _inputId;
+    get checked(): boolean;
+    set checked(v: boolean);
+    get indeterminate(): boolean;
+    set indeterminate(v: boolean);
+    static styles: import("lit").CSSResult;
+    protected getFormValue(): FormState;
+    protected setValueFromFormState(state: FormState): void;
+    protected getValidityAnchor(): HTMLElement | undefined;
+    protected isEmpty(): boolean;
+    protected getNativeControl(): HTMLElement | null;
+    protected onFormReset(): void;
+    willUpdate(changed: Map<string | number | symbol, unknown>): void;
+    updated(changed: Map<string, unknown>): void;
+    private handleChange;
+    private validateInput;
+    /**
+     * Sets checked state to `true`.
+     *
+     * @returns {void}
+     */
+    check(): void;
+    /**
+     * Sets checked state to `false`.
+     *
+     * @returns {void}
+     */
+    uncheck(): void;
+    /**
+     * Toggles checked state.
+     *
+     * @returns {void}
+     */
+    toggle(): void;
+    /**
+     * Resets checkbox state to defaults and clears UI validation state.
+     *
+     * @returns {void}
+     */
+    reset(): void;
+    private _updateVisualState;
+    private _slotHasMeaningfulContent;
+    private _onSlotChange;
+    private get _hasTextContent();
+    private handleBlur;
+    private _onKeyDown;
+    render(): import("lit-html").TemplateResult<1>;
+}