snice 4.9.0 → 4.10.0

package/dist/components/comments/snice-comments.js

@@ -0,0 +1,476 @@
+import { __esDecorate, __runInitializers } from 'tslib';
+import { element, render, styles, html, css, property, query, ready, on, watch, dispatch } from 'snice';
+
+var cssContent = ":host{display:block;contain:layout style paint;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);color:var(--snice-color-text,rgb(23 23 23));--comments-bg:var(--snice-color-background, rgb(255 255 255));--comments-border:var(--snice-color-border, rgb(226 226 226));--comments-text:var(--snice-color-text, rgb(23 23 23));--comments-text-secondary:var(--snice-color-text-secondary, rgb(82 82 82));--comments-text-tertiary:var(--snice-color-text-tertiary, rgb(115 115 115));--comments-primary:var(--snice-color-primary, rgb(37 99 235));--comments-danger:var(--snice-color-danger, rgb(220 38 38));--comments-bg-element:var(--snice-color-background-element, rgb(252 251 249))}*{box-sizing:border-box}.comments{display:flex;flex-direction:column;gap:var(--snice-spacing-md,1rem)}.comments__input-area{display:flex;gap:var(--snice-spacing-sm,.75rem);align-items:flex-start}.comments__input{flex:1;min-height:2.5rem;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);border:1px solid var(--comments-border);border-radius:var(--snice-border-radius-md,.25rem);background:var(--comments-bg);color:var(--comments-text);font-family:inherit;font-size:var(--snice-font-size-md, 1rem);resize:vertical;line-height:var(--snice-line-height-normal, 1.5)}.comments__input:focus{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px);border-color:var(--comments-primary)}.comments__input::placeholder{color:var(--comments-text-tertiary)}.comments__submit{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);background:var(--comments-primary);color:rgb(255 255 255);border:none;border-radius:var(--snice-border-radius-md,.25rem);cursor:pointer;font-family:inherit;font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-medium,500);transition:opacity var(--snice-transition-fast, 150ms);white-space:nowrap}.comments__submit:hover{opacity:.9}.comments__submit:disabled{opacity:.4;cursor:not-allowed}.comments__submit:focus-visible{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.comments__list{display:flex;flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.comment{display:flex;gap:var(--snice-spacing-sm,.75rem);align-items:flex-start}.comment__avatar{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--comments-bg-element);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:var(--snice-font-weight-semibold,600);color:var(--comments-text-secondary)}.comment__avatar img{width:100%;height:100%;object-fit:cover}.comment__body{flex:1;min-width:0}.comment__header{display:flex;align-items:baseline;gap:var(--snice-spacing-xs,.5rem);margin-bottom:var(--snice-spacing-3xs,.125rem)}.comment__author{font-weight:var(--snice-font-weight-semibold,600);font-size:var(--snice-font-size-md, 1rem);color:var(--comments-text)}.comment__time{font-size:.75rem;color:var(--comments-text-tertiary)}.comment__text{font-size:var(--snice-font-size-md, 1rem);line-height:var(--snice-line-height-normal, 1.5);color:var(--comments-text);margin:0;white-space:pre-wrap;word-break:break-word}.comment__actions{display:flex;gap:var(--snice-spacing-sm,.75rem);margin-top:var(--snice-spacing-2xs,.25rem)}.comment__action{display:inline-flex;align-items:center;gap:var(--snice-spacing-3xs,.125rem);background:0 0;border:none;cursor:pointer;font-family:inherit;font-size:.75rem;color:var(--comments-text-tertiary);padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-2xs,.25rem);border-radius:var(--snice-border-radius-md,.25rem);transition:color var(--snice-transition-fast, 150ms),background var(--snice-transition-fast, 150ms)}.comment__action:hover{color:var(--comments-text-secondary);background:var(--comments-bg-element)}.comment__action:focus-visible{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.comment__action--liked,.comment__action--liked:hover{color:var(--comments-primary)}.comment__action--delete:hover{color:var(--comments-danger)}.comment__like-count{font-size:.75rem}.comment__replies{margin-top:var(--snice-spacing-sm,.75rem);margin-left:var(--snice-spacing-lg,1.5rem);padding-left:var(--snice-spacing-sm,.75rem);border-left:2px solid var(--comments-border);display:flex;flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.comment__reply-input{display:flex;gap:var(--snice-spacing-xs,.5rem);margin-top:var(--snice-spacing-xs,.5rem);margin-left:var(--snice-spacing-lg,1.5rem);padding-left:var(--snice-spacing-sm,.75rem)}.comment__reply-input .comments__input{font-size:.875rem;min-height:2rem;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem)}.comment__reply-input .comments__submit{font-size:.8125rem;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-sm,.75rem)}.comment__cancel{padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-sm,.75rem);background:0 0;border:1px solid var(--comments-border);border-radius:var(--snice-border-radius-md,.25rem);cursor:pointer;font-family:inherit;font-size:.8125rem;color:var(--comments-text-secondary);transition:background var(--snice-transition-fast, 150ms)}.comment__cancel:hover{background:var(--comments-bg-element)}.comments__empty{text-align:center;padding:var(--snice-spacing-xl,2rem);color:var(--comments-text-tertiary);font-style:italic}";
+
+/**
+ * <snice-comment> — declarative child element for comments.
+ *
+ * Usage:
+ *   <snice-comments current-user="John">
+ *     <snice-comment author="Alice" avatar="alice.jpg" timestamp="2024-01-15T10:30:00Z">
+ *       Great article!
+ *       <snice-comment author="Bob" timestamp="2024-01-15T11:00:00Z">
+ *         Thanks Alice!
+ *       </snice-comment>
+ *     </snice-comment>
+ *   </snice-comments>
+ *
+ * Attributes: author, avatar, timestamp, likes (number), liked (boolean)
+ * Nested <snice-comment> elements become replies.
+ */
+let SniceComment = (() => {
+    let _classDecorators = [element('snice-comment')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        renderContent() {
+            return html `<slot></slot>`;
+        }
+        componentStyles() {
+            return css `:host { display: none; }`;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _instanceExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+let SniceComments = (() => {
+    let _classDecorators = [element('snice-comments')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = HTMLElement;
+    let _instanceExtraInitializers = [];
+    let _comments_decorators;
+    let _comments_initializers = [];
+    let _comments_extraInitializers = [];
+    let _currentUser_decorators;
+    let _currentUser_initializers = [];
+    let _currentUser_extraInitializers = [];
+    let _allowReplies_decorators;
+    let _allowReplies_initializers = [];
+    let _allowReplies_extraInitializers = [];
+    let _allowLikes_decorators;
+    let _allowLikes_initializers = [];
+    let _allowLikes_extraInitializers = [];
+    let _maxDepth_decorators;
+    let _maxDepth_initializers = [];
+    let _maxDepth_extraInitializers = [];
+    let _newInput_decorators;
+    let _newInput_initializers = [];
+    let _newInput_extraInitializers = [];
+    let _init_decorators;
+    let _handleSlotChange_decorators;
+    let _handleCommentsChange_decorators;
+    let _emitCommentAdd_decorators;
+    let _emitCommentReply_decorators;
+    let _emitCommentDelete_decorators;
+    let _emitCommentLike_decorators;
+    let _renderContent_decorators;
+    let _componentStyles_decorators;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        constructor() {
+            super(...arguments);
+            this.comments = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _comments_initializers, []));
+            this.currentUser = (__runInitializers(this, _comments_extraInitializers), __runInitializers(this, _currentUser_initializers, ''));
+            this.allowReplies = (__runInitializers(this, _currentUser_extraInitializers), __runInitializers(this, _allowReplies_initializers, true));
+            this.allowLikes = (__runInitializers(this, _allowReplies_extraInitializers), __runInitializers(this, _allowLikes_initializers, true));
+            this.maxDepth = (__runInitializers(this, _allowLikes_extraInitializers), __runInitializers(this, _maxDepth_initializers, 3));
+            this.newInput = (__runInitializers(this, _maxDepth_extraInitializers), __runInitializers(this, _newInput_initializers, void 0));
+            this.replyingTo = (__runInitializers(this, _newInput_extraInitializers), null);
+            this.replyText = '';
+            this.newCommentText = '';
+        }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _comments_decorators = [property({ type: Array })];
+            _currentUser_decorators = [property({ attribute: 'current-user' })];
+            _allowReplies_decorators = [property({ type: Boolean, attribute: 'allow-replies' })];
+            _allowLikes_decorators = [property({ type: Boolean, attribute: 'allow-likes' })];
+            _maxDepth_decorators = [property({ type: Number, attribute: 'max-depth' })];
+            _newInput_decorators = [query('.comments__new-input')];
+            _init_decorators = [ready()];
+            _handleSlotChange_decorators = [on('slotchange', { target: 'slot' })];
+            _handleCommentsChange_decorators = [watch('comments')];
+            _emitCommentAdd_decorators = [dispatch('comment-add', { bubbles: true, composed: true })];
+            _emitCommentReply_decorators = [dispatch('comment-reply', { bubbles: true, composed: true })];
+            _emitCommentDelete_decorators = [dispatch('comment-delete', { bubbles: true, composed: true })];
+            _emitCommentLike_decorators = [dispatch('comment-like', { bubbles: true, composed: true })];
+            _renderContent_decorators = [render()];
+            _componentStyles_decorators = [styles()];
+            __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleSlotChange_decorators, { kind: "method", name: "handleSlotChange", static: false, private: false, access: { has: obj => "handleSlotChange" in obj, get: obj => obj.handleSlotChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _handleCommentsChange_decorators, { kind: "method", name: "handleCommentsChange", static: false, private: false, access: { has: obj => "handleCommentsChange" in obj, get: obj => obj.handleCommentsChange }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitCommentAdd_decorators, { kind: "method", name: "emitCommentAdd", static: false, private: false, access: { has: obj => "emitCommentAdd" in obj, get: obj => obj.emitCommentAdd }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitCommentReply_decorators, { kind: "method", name: "emitCommentReply", static: false, private: false, access: { has: obj => "emitCommentReply" in obj, get: obj => obj.emitCommentReply }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitCommentDelete_decorators, { kind: "method", name: "emitCommentDelete", static: false, private: false, access: { has: obj => "emitCommentDelete" in obj, get: obj => obj.emitCommentDelete }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _emitCommentLike_decorators, { kind: "method", name: "emitCommentLike", static: false, private: false, access: { has: obj => "emitCommentLike" in obj, get: obj => obj.emitCommentLike }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _renderContent_decorators, { kind: "method", name: "renderContent", static: false, private: false, access: { has: obj => "renderContent" in obj, get: obj => obj.renderContent }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _componentStyles_decorators, { kind: "method", name: "componentStyles", static: false, private: false, access: { has: obj => "componentStyles" in obj, get: obj => obj.componentStyles }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(null, null, _comments_decorators, { kind: "field", name: "comments", static: false, private: false, access: { has: obj => "comments" in obj, get: obj => obj.comments, set: (obj, value) => { obj.comments = value; } }, metadata: _metadata }, _comments_initializers, _comments_extraInitializers);
+            __esDecorate(null, null, _currentUser_decorators, { kind: "field", name: "currentUser", static: false, private: false, access: { has: obj => "currentUser" in obj, get: obj => obj.currentUser, set: (obj, value) => { obj.currentUser = value; } }, metadata: _metadata }, _currentUser_initializers, _currentUser_extraInitializers);
+            __esDecorate(null, null, _allowReplies_decorators, { kind: "field", name: "allowReplies", static: false, private: false, access: { has: obj => "allowReplies" in obj, get: obj => obj.allowReplies, set: (obj, value) => { obj.allowReplies = value; } }, metadata: _metadata }, _allowReplies_initializers, _allowReplies_extraInitializers);
+            __esDecorate(null, null, _allowLikes_decorators, { kind: "field", name: "allowLikes", static: false, private: false, access: { has: obj => "allowLikes" in obj, get: obj => obj.allowLikes, set: (obj, value) => { obj.allowLikes = value; } }, metadata: _metadata }, _allowLikes_initializers, _allowLikes_extraInitializers);
+            __esDecorate(null, null, _maxDepth_decorators, { kind: "field", name: "maxDepth", static: false, private: false, access: { has: obj => "maxDepth" in obj, get: obj => obj.maxDepth, set: (obj, value) => { obj.maxDepth = value; } }, metadata: _metadata }, _maxDepth_initializers, _maxDepth_extraInitializers);
+            __esDecorate(null, null, _newInput_decorators, { kind: "field", name: "newInput", static: false, private: false, access: { has: obj => "newInput" in obj, get: obj => obj.newInput, set: (obj, value) => { obj.newInput = value; } }, metadata: _metadata }, _newInput_initializers, _newInput_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        init() {
+            this.collectCommentsFromChildren();
+        }
+        handleSlotChange() {
+            this.collectCommentsFromChildren();
+        }
+        /** Reads <snice-comment> children into the comments array (only if no comments set via property) */
+        collectCommentsFromChildren() {
+            if (this.comments.length > 0)
+                return;
+            const commentEls = Array.from(this.querySelectorAll(':scope > snice-comment'));
+            if (commentEls.length === 0)
+                return;
+            this.comments = commentEls.map(el => this.parseCommentElement(el));
+        }
+        parseCommentElement(el) {
+            // Get direct text content (excluding child element text)
+            const text = Array.from(el.childNodes)
+                .filter(n => n.nodeType === Node.TEXT_NODE)
+                .map(n => n.textContent?.trim())
+                .filter(Boolean)
+                .join(' ');
+            const comment = {
+                id: el.getAttribute('id') || `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`,
+                author: el.getAttribute('author') || 'Anonymous',
+                text,
+                timestamp: el.getAttribute('timestamp') || new Date().toISOString(),
+                likes: parseInt(el.getAttribute('likes') || '0', 10),
+                liked: el.hasAttribute('liked'),
+            };
+            if (el.getAttribute('avatar')) {
+                comment.avatar = el.getAttribute('avatar');
+            }
+            // Parse nested <snice-comment> as replies
+            const replyEls = Array.from(el.querySelectorAll(':scope > snice-comment'));
+            if (replyEls.length > 0) {
+                comment.replies = replyEls.map(r => this.parseCommentElement(r));
+            }
+            return comment;
+        }
+        handleCommentsChange() {
+            // Re-render on comments change
+        }
+        generateId() {
+            return `c_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
+        }
+        getInitials(name) {
+            return name
+                .split(' ')
+                .map(part => part.charAt(0))
+                .join('')
+                .toUpperCase()
+                .slice(0, 2);
+        }
+        formatTimestamp(ts) {
+            try {
+                const date = new Date(ts);
+                const now = new Date();
+                const diff = now.getTime() - date.getTime();
+                const minutes = Math.floor(diff / 60000);
+                const hours = Math.floor(diff / 3600000);
+                const days = Math.floor(diff / 86400000);
+                if (minutes < 1)
+                    return 'just now';
+                if (minutes < 60)
+                    return `${minutes}m ago`;
+                if (hours < 24)
+                    return `${hours}h ago`;
+                if (days < 7)
+                    return `${days}d ago`;
+                return date.toLocaleDateString();
+            }
+            catch {
+                return ts;
+            }
+        }
+        findComment(comments, id) {
+            for (const c of comments) {
+                if (c.id === id)
+                    return c;
+                if (c.replies) {
+                    const found = this.findComment(c.replies, id);
+                    if (found)
+                        return found;
+                }
+            }
+            return null;
+        }
+        removeComment(comments, id) {
+            return comments
+                .filter(c => c.id !== id)
+                .map(c => ({
+                ...c,
+                replies: c.replies ? this.removeComment(c.replies, id) : undefined
+            }));
+        }
+        updateComment(comments, id, updater) {
+            return comments.map(c => {
+                if (c.id === id)
+                    return updater(c);
+                if (c.replies) {
+                    return { ...c, replies: this.updateComment(c.replies, id, updater) };
+                }
+                return c;
+            });
+        }
+        // --- Public API ---
+        addComment(text, parentId) {
+            if (!text.trim())
+                return;
+            const newComment = {
+                id: this.generateId(),
+                author: this.currentUser || 'Anonymous',
+                text: text.trim(),
+                timestamp: new Date().toISOString(),
+                likes: 0,
+                liked: false
+            };
+            if (parentId) {
+                const parent = this.findComment(this.comments, parentId);
+                if (!parent)
+                    return;
+                this.comments = this.updateComment(this.comments, parentId, c => ({
+                    ...c,
+                    replies: [...(c.replies || []), newComment]
+                }));
+                this.emitCommentReply({
+                    id: newComment.id,
+                    text: newComment.text,
+                    author: newComment.author,
+                    parentId
+                });
+            }
+            else {
+                this.comments = [...this.comments, newComment];
+                this.emitCommentAdd({
+                    id: newComment.id,
+                    text: newComment.text,
+                    author: newComment.author
+                });
+            }
+        }
+        deleteComment(id) {
+            const comment = this.findComment(this.comments, id);
+            if (!comment)
+                return;
+            this.comments = this.removeComment(this.comments, id);
+            this.emitCommentDelete({ id });
+        }
+        likeComment(id) {
+            const comment = this.findComment(this.comments, id);
+            if (!comment)
+                return;
+            const newLiked = !comment.liked;
+            const newLikes = (comment.likes || 0) + (newLiked ? 1 : -1);
+            this.comments = this.updateComment(this.comments, id, c => ({
+                ...c,
+                liked: newLiked,
+                likes: newLikes
+            }));
+            this.emitCommentLike({
+                id,
+                likes: newLikes,
+                liked: newLiked
+            });
+        }
+        emitCommentAdd(detail) {
+            return detail;
+        }
+        emitCommentReply(detail) {
+            return detail;
+        }
+        emitCommentDelete(detail) {
+            return detail;
+        }
+        emitCommentLike(detail) {
+            return detail;
+        }
+        handleNewComment() {
+            if (!this.newCommentText.trim())
+                return;
+            this.addComment(this.newCommentText);
+            this.newCommentText = '';
+            if (this.newInput) {
+                this.newInput.value = '';
+            }
+        }
+        handleReply(parentId) {
+            if (!this.replyText.trim())
+                return;
+            this.addComment(this.replyText, parentId);
+            this.replyText = '';
+            this.replyingTo = null;
+        }
+        handleNewInputChange(e) {
+            this.newCommentText = e.target.value;
+        }
+        handleReplyInputChange(e) {
+            this.replyText = e.target.value;
+        }
+        handleNewKeydown(e) {
+            if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
+                e.preventDefault();
+                this.handleNewComment();
+            }
+        }
+        handleReplyKeydown(e, parentId) {
+            if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
+                e.preventDefault();
+                this.handleReply(parentId);
+            }
+            if (e.key === 'Escape') {
+                this.replyingTo = null;
+            }
+        }
+        startReply(commentId) {
+            this.replyingTo = commentId;
+            this.replyText = '';
+        }
+        cancelReply() {
+            this.replyingTo = null;
+            this.replyText = '';
+        }
+        renderComment(comment, depth) {
+            const canReply = this.allowReplies && depth < this.maxDepth;
+            const isOwn = this.currentUser && comment.author === this.currentUser;
+            const isReplying = this.replyingTo === comment.id;
+            const hasLikes = (comment.likes || 0) > 0;
+            return html /*html*/ `
+      <div class="comment" data-id="${comment.id}">
+        <div class="comment__avatar">
+          <if ${comment.avatar}>
+            <img src="${comment.avatar}" alt="${comment.author}" />
+          </if>
+          <if ${!comment.avatar}>
+            ${this.getInitials(comment.author)}
+          </if>
+        </div>
+        <div class="comment__body">
+          <div class="comment__header">
+            <span class="comment__author">${comment.author}</span>
+            <span class="comment__time">${this.formatTimestamp(comment.timestamp)}</span>
+          </div>
+          <p class="comment__text">${comment.text}</p>
+          <div class="comment__actions">
+            <if ${this.allowLikes}>
+              <button class="comment__action ${comment.liked ? 'comment__action--liked' : ''}"
+                      @click=${() => this.likeComment(comment.id)}
+                      aria-label="${comment.liked ? 'Unlike' : 'Like'}">
+                <span>${comment.liked ? '\u2764' : '\u2661'}</span>
+                <if ${hasLikes}>
+                  <span class="comment__like-count">${comment.likes}</span>
+                </if>
+              </button>
+            </if>
+            <if ${canReply}>
+              <button class="comment__action"
+                      @click=${() => this.startReply(comment.id)}
+                      aria-label="Reply">
+                Reply
+              </button>
+            </if>
+            <if ${isOwn}>
+              <button class="comment__action comment__action--delete"
+                      @click=${() => this.deleteComment(comment.id)}
+                      aria-label="Delete comment">
+                Delete
+              </button>
+            </if>
+          </div>
+
+          <if ${isReplying}>
+            <div class="comment__reply-input">
+              <textarea class="comments__input"
+                        placeholder="Write a reply..."
+                        rows="1"
+                        @input=${this.handleReplyInputChange}
+                        @keydown=${(e) => this.handleReplyKeydown(e, comment.id)}></textarea>
+              <button class="comments__submit"
+                      @click=${() => this.handleReply(comment.id)}>
+                Reply
+              </button>
+              <button class="comment__cancel"
+                      @click=${() => this.cancelReply()}>
+                Cancel
+              </button>
+            </div>
+          </if>
+
+          <if ${comment.replies && comment.replies.length > 0}>
+            <div class="comment__replies">
+              ${(comment.replies || []).map(reply => this.renderComment(reply, depth + 1))}
+            </div>
+          </if>
+        </div>
+      </div>
+    `;
+        }
+        renderContent() {
+            const hasComments = this.comments.length > 0;
+            return html /*html*/ `
+      <div class="comments" part="base">
+        <div class="comments__input-area" part="input-area">
+          <textarea class="comments__input comments__new-input"
+                    placeholder="Write a comment..."
+                    rows="2"
+                    @input=${this.handleNewInputChange}
+                    @keydown=${this.handleNewKeydown}></textarea>
+          <button class="comments__submit"
+                  @click=${() => this.handleNewComment()}
+                  aria-label="Post comment">
+            Post
+          </button>
+        </div>
+
+        <if ${hasComments}>
+          <div class="comments__list" part="list">
+            ${this.comments.map(c => this.renderComment(c, 0))}
+          </div>
+        </if>
+        <if ${!hasComments}>
+          <div class="comments__empty">No comments yet. Be the first to comment!</div>
+        </if>
+      </div>
+    `;
+        }
+        componentStyles() {
+            return css `${cssContent}`;
+        }
+    });
+    return _classThis;
+})();
+
+export { SniceComment, SniceComments };
+//# sourceMappingURL=snice-comments.js.map

package/dist/components/comments/snice-comments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snice-comments.js","sources":["../../../components/comments/snice-comments.css?inline","../../../../components/comments/snice-comments.ts"],"sourcesContent":["export default \":host{display:block;contain:layout style paint;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);color:var(--snice-color-text,rgb(23 23 23));--comments-bg:var(--snice-color-background, rgb(255 255 255));--comments-border:var(--snice-color-border, rgb(226 226 226));--comments-text:var(--snice-color-text, rgb(23 23 23));--comments-text-secondary:var(--snice-color-text-secondary, rgb(82 82 82));--comments-text-tertiary:var(--snice-color-text-tertiary, rgb(115 115 115));--comments-primary:var(--snice-color-primary, rgb(37 99 235));--comments-danger:var(--snice-color-danger, rgb(220 38 38));--comments-bg-element:var(--snice-color-background-element, rgb(252 251 249))}*{box-sizing:border-box}.comments{display:flex;flex-direction:column;gap:var(--snice-spacing-md,1rem)}.comments__input-area{display:flex;gap:var(--snice-spacing-sm,.75rem);align-items:flex-start}.comments__input{flex:1;min-height:2.5rem;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);border:1px solid var(--comments-border);border-radius:var(--snice-border-radius-md,.25rem);background:var(--comments-bg);color:var(--comments-text);font-family:inherit;font-size:var(--snice-font-size-md, 1rem);resize:vertical;line-height:var(--snice-line-height-normal, 1.5)}.comments__input:focus{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px);border-color:var(--comments-primary)}.comments__input::placeholder{color:var(--comments-text-tertiary)}.comments__submit{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);background:var(--comments-primary);color:rgb(255 255 255);border:none;border-radius:var(--snice-border-radius-md,.25rem);cursor:pointer;font-family:inherit;font-size:var(--snice-font-size-md, 1rem);font-weight:var(--snice-font-weight-medium,500);transition:opacity var(--snice-transition-fast, 150ms);white-space:nowrap}.comments__submit:hover{opacity:.9}.comments__submit:disabled{opacity:.4;cursor:not-allowed}.comments__submit:focus-visible{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.comments__list{display:flex;flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.comment{display:flex;gap:var(--snice-spacing-sm,.75rem);align-items:flex-start}.comment__avatar{width:2.25rem;height:2.25rem;border-radius:50%;background:var(--comments-bg-element);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:var(--snice-font-weight-semibold,600);color:var(--comments-text-secondary)}.comment__avatar img{width:100%;height:100%;object-fit:cover}.comment__body{flex:1;min-width:0}.comment__header{display:flex;align-items:baseline;gap:var(--snice-spacing-xs,.5rem);margin-bottom:var(--snice-spacing-3xs,.125rem)}.comment__author{font-weight:var(--snice-font-weight-semibold,600);font-size:var(--snice-font-size-md, 1rem);color:var(--comments-text)}.comment__time{font-size:.75rem;color:var(--comments-text-tertiary)}.comment__text{font-size:var(--snice-font-size-md, 1rem);line-height:var(--snice-line-height-normal, 1.5);color:var(--comments-text);margin:0;white-space:pre-wrap;word-break:break-word}.comment__actions{display:flex;gap:var(--snice-spacing-sm,.75rem);margin-top:var(--snice-spacing-2xs,.25rem)}.comment__action{display:inline-flex;align-items:center;gap:var(--snice-spacing-3xs,.125rem);background:0 0;border:none;cursor:pointer;font-family:inherit;font-size:.75rem;color:var(--comments-text-tertiary);padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-2xs,.25rem);border-radius:var(--snice-border-radius-md,.25rem);transition:color var(--snice-transition-fast, 150ms),background var(--snice-transition-fast, 150ms)}.comment__action:hover{color:var(--comments-text-secondary);background:var(--comments-bg-element)}.comment__action:focus-visible{outline:var(--snice-focus-ring-width,2px) solid var(--snice-focus-ring-color,rgb(59 130 246 / .5));outline-offset:var(--snice-focus-ring-offset,2px)}.comment__action--liked,.comment__action--liked:hover{color:var(--comments-primary)}.comment__action--delete:hover{color:var(--comments-danger)}.comment__like-count{font-size:.75rem}.comment__replies{margin-top:var(--snice-spacing-sm,.75rem);margin-left:var(--snice-spacing-lg,1.5rem);padding-left:var(--snice-spacing-sm,.75rem);border-left:2px solid var(--comments-border);display:flex;flex-direction:column;gap:var(--snice-spacing-sm,.75rem)}.comment__reply-input{display:flex;gap:var(--snice-spacing-xs,.5rem);margin-top:var(--snice-spacing-xs,.5rem);margin-left:var(--snice-spacing-lg,1.5rem);padding-left:var(--snice-spacing-sm,.75rem)}.comment__reply-input .comments__input{font-size:.875rem;min-height:2rem;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-xs,.5rem)}.comment__reply-input .comments__submit{font-size:.8125rem;padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-sm,.75rem)}.comment__cancel{padding:var(--snice-spacing-2xs,.25rem) var(--snice-spacing-sm,.75rem);background:0 0;border:1px solid var(--comments-border);border-radius:var(--snice-border-radius-md,.25rem);cursor:pointer;font-family:inherit;font-size:.8125rem;color:var(--comments-text-secondary);transition:background var(--snice-transition-fast, 150ms)}.comment__cancel:hover{background:var(--comments-bg-element)}.comments__empty{text-align:center;padding:var(--snice-spacing-xl,2rem);color:var(--comments-text-tertiary);font-style:italic}\";",null],"names":[],"mappings":"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"}

package/dist/components/comments/snice-comments.types.d.ts

@@ -0,0 +1,64 @@
+export interface Comment {
+    id: string;
+    author: string;
+    avatar?: string;
+    text: string;
+    timestamp: string;
+    replies?: Comment[];
+    likes?: number;
+    liked?: boolean;
+}
+export interface SniceCommentsElement extends HTMLElement {
+    comments: Comment[];
+    currentUser: string;
+    allowReplies: boolean;
+    allowLikes: boolean;
+    maxDepth: number;
+    addComment(text: string, parentId?: string): void;
+    deleteComment(id: string): void;
+    likeComment(id: string): void;
+}
+export interface CommentAddDetail {
+    id: string;
+    text: string;
+    author: string;
+    parentId?: string;
+}
+export interface CommentReplyDetail {
+    id: string;
+    text: string;
+    author: string;
+    parentId: string;
+}
+export interface CommentDeleteDetail {
+    id: string;
+}
+export interface CommentLikeDetail {
+    id: string;
+    likes: number;
+    liked: boolean;
+}
+export interface SniceCommentsEventMap {
+    'comment-add': CustomEvent<CommentAddDetail>;
+    'comment-reply': CustomEvent<CommentReplyDetail>;
+    'comment-delete': CustomEvent<CommentDeleteDetail>;
+    'comment-like': CustomEvent<CommentLikeDetail>;
+}
+/**
+ * Declarative usage via child elements:
+ *
+ * <snice-comments current-user="John" allow-replies allow-likes>
+ *   <snice-comment author="Alice" avatar="alice.jpg" timestamp="2024-01-15T10:30:00Z" likes="3">
+ *     This is a great article!
+ *     <snice-comment author="Bob" timestamp="2024-01-15T11:00:00Z">
+ *       Thanks Alice!
+ *     </snice-comment>
+ *   </snice-comment>
+ *   <snice-comment author="Charlie" timestamp="2024-01-15T12:00:00Z">
+ *     Very informative.
+ *   </snice-comment>
+ * </snice-comments>
+ *
+ * <snice-comment> attributes: author, avatar, timestamp, likes (number), liked (boolean), id
+ * Nested <snice-comment> elements become replies.
+ */

package/dist/components/countdown/snice-countdown.d.ts

@@ -0,0 +1,21 @@
+import type { CountdownFormat, CountdownVariant, SniceCountdownElement } from './snice-countdown.types';
+export declare class SniceCountdown extends HTMLElement implements SniceCountdownElement {
+    target: string;
+    format: CountdownFormat;
+    variant: CountdownVariant;
+    private timer;
+    private completed;
+    private days;
+    private hours;
+    private minutes;
+    private seconds;
+    private emitComplete;
+    private emitTick;
+    init(): void;
+    cleanup(): void;
+    private getRemaining;
+    private tick;
+    private pad;
+    template(): import("snice").TemplateResult;
+    componentStyles(): import("snice").CSSResult;
+}