@social.io/catalog 1.3.0 → 2.1.0

package/dist_ts_web/elements/sio-subwidget-onboardme.js

@@ -1,243 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-import { DeesElement, property, html, customElement, cssManager } from '@design.estate/dees-element';
-import * as domtools from '@design.estate/dees-domtools';
-import * as deesCatalog from '@design.estate/dees-catalog';
-deesCatalog;
-// Import design tokens
-import { colors, bdTheme } from './00colors.js';
-import { spacing, radius, shadows, transitions } from './00tokens.js';
-import { fontFamilies, typography } from './00fonts.js';
-let SioSubwidgetOnboardme = class SioSubwidgetOnboardme extends DeesElement {
-    static { this.demo = () => html `
-    <sio-subwidget-onboardme></sio-subwidget-onboardme>
-  `; }
-    constructor() {
-        super();
-        this.showCombox = false;
-        domtools.DomTools.setupDomTools();
-    }
-    render() {
-        return html `
-      ${domtools.elementBasic.styles}
-      <style>
-        
-        :host {
-          display: block;
-          position: relative;
-          margin: ${spacing[2]};
-        }
-
-        .help-section {
-          background: ${bdTheme('background')};
-          border-radius: ${radius.lg};
-          border: 1px solid ${bdTheme('border')};
-          overflow: hidden;
-        }
-
-        .help-header {
-          padding: ${spacing[4]};
-          background: ${bdTheme('accent')};
-          border-bottom: 1px solid ${bdTheme('border')};
-        }
-
-        .help-title {
-          margin: 0;
-          ${typography.body}
-          font-weight: 600;
-          color: ${bdTheme('foreground')};
-          margin-bottom: ${spacing[2]};
-        }
-
-        .help-subtitle {
-          margin: 0;
-          ${typography.caption}
-          color: ${bdTheme('mutedForeground')};
-        }
-
-        .quick-actions {
-          padding: ${spacing[4]};
-          display: grid;
-          grid-template-columns: repeat(2, 1fr);
-          gap: ${spacing[3]};
-        }
-
-        .quick-action {
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          padding: ${spacing[4]} ${spacing[3]};
-          background: ${bdTheme('muted')};
-          border-radius: ${radius.md};
-          cursor: pointer;
-          transition: ${transitions.all};
-          text-align: center;
-          gap: ${spacing[2]};
-        }
-
-        .quick-action:hover {
-          background: ${bdTheme('accent')};
-          transform: translateY(-2px);
-          box-shadow: ${shadows.sm};
-        }
-
-        .quick-action-icon {
-          font-size: 24px;
-          color: ${bdTheme('primary')};
-        }
-
-        .quick-action-text {
-          ${typography.caption}
-          color: ${bdTheme('foreground')};
-          font-weight: 500;
-        }
-
-        .search-section {
-          padding: ${spacing[4]};
-          border-top: 1px solid ${bdTheme('border')};
-        }
-
-        .search-label {
-          ${typography.bodySmall}
-          color: ${bdTheme('foreground')};
-          margin-bottom: ${spacing[3]};
-          display: block;
-        }
-
-        .search-container {
-          display: flex;
-          gap: ${spacing[2]};
-        }
-
-        .search-input-wrapper {
-          flex: 1;
-          position: relative;
-        }
-
-        .search-input {
-          width: 100%;
-          padding: ${spacing[3]} ${spacing[4]};
-          background: ${bdTheme('muted')};
-          border: 1px solid ${bdTheme('border')};
-          border-radius: ${radius.md};
-          color: ${bdTheme('foreground')};
-          font-family: ${fontFamilies.sans};
-          ${typography.body}
-          outline: none;
-          transition: ${transitions.all};
-        }
-
-        .search-input:focus {
-          background: ${bdTheme('background')};
-          border-color: ${bdTheme('ring')};
-          box-shadow: 0 0 0 2px ${cssManager.bdTheme('hsl(222.2 84% 4.9% / 0.1)', 'hsl(212.7 26.8% 83.9% / 0.1)')};
-        }
-
-        .search-button {
-          padding: ${spacing[3]} ${spacing[5]};
-          background: ${bdTheme('primary')};
-          color: ${bdTheme('primaryForeground')};
-          border: none;
-          border-radius: ${radius.md};
-          font-family: ${fontFamilies.sans};
-          ${typography.bodySmall}
-          font-weight: 500;
-          cursor: pointer;
-          transition: ${transitions.all};
-          display: flex;
-          align-items: center;
-          gap: ${spacing[2]};
-        }
-
-        .search-button:hover {
-          transform: translateY(-1px);
-          box-shadow: ${shadows.sm};
-        }
-
-        .search-button:active {
-          transform: translateY(0);
-        }
-
-        .footer {
-          padding: ${spacing[2]} ${spacing[4]};
-          background: ${bdTheme('muted')};
-          border-top: 1px solid ${bdTheme('border')};
-          text-align: center;
-          ${typography.caption}
-          color: ${bdTheme('mutedForeground')};
-        }
-      </style>
-      <div class="help-section">
-        <div class="help-header">
-          <h3 class="help-title">Quick Help</h3>
-          <p class="help-subtitle">Get instant answers to common questions</p>
-        </div>
-        
-        <div class="quick-actions">
-          <div class="quick-action">
-            <div class="quick-action-icon">
-              <dees-icon iconFA="book"></dees-icon>
-            </div>
-            <div class="quick-action-text">Documentation</div>
-          </div>
-          <div class="quick-action">
-            <div class="quick-action-icon">
-              <dees-icon iconFA="question-circle"></dees-icon>
-            </div>
-            <div class="quick-action-text">FAQs</div>
-          </div>
-          <div class="quick-action">
-            <div class="quick-action-icon">
-              <dees-icon iconFA="video"></dees-icon>
-            </div>
-            <div class="quick-action-text">Video Guides</div>
-          </div>
-          <div class="quick-action">
-            <div class="quick-action-icon">
-              <dees-icon iconFA="headset"></dees-icon>
-            </div>
-            <div class="quick-action-text">Contact Support</div>
-          </div>
-        </div>
-
-        <div class="search-section">
-          <label class="search-label">Search our knowledge base</label>
-          <div class="search-container">
-            <div class="search-input-wrapper">
-              <input
-                type="text"
-                class="search-input"
-                placeholder="How can we help you?"
-              />
-            </div>
-            <button class="search-button">
-              <dees-icon iconFA="search"></dees-icon>
-              Search
-            </button>
-          </div>
-        </div>
-
-        <div class="footer">
-          Last updated: ${new Date().toLocaleDateString()}
-        </div>
-      </div>
-    `;
-    }
-};
-__decorate([
-    property(),
-    __metadata("design:type", Object)
-], SioSubwidgetOnboardme.prototype, "showCombox", void 0);
-SioSubwidgetOnboardme = __decorate([
-    customElement('sio-subwidget-onboardme'),
-    __metadata("design:paramtypes", [])
-], SioSubwidgetOnboardme);
-export { SioSubwidgetOnboardme };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvLXN1YndpZGdldC1vbmJvYXJkbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvc2lvLXN1YndpZGdldC1vbmJvYXJkbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBdUIsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDMUgsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxPQUFPLEtBQUssV0FBVyxNQUFNLDZCQUE2QixDQUFDO0FBQzNELFdBQVcsQ0FBQztBQUVaLHVCQUF1QjtBQUN2QixPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBR2pELElBQU0scUJBQXFCLEdBQTNCLE1BQU0scUJBQXNCLFNBQVEsV0FBVzthQUl0QyxTQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOztHQUU5QixBQUZpQixDQUVoQjtJQUVGO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFQSCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBUXhCLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVNLE1BQU07UUFDWCxPQUFPLElBQUksQ0FBQTtRQUNQLFFBQVEsQ0FBQyxZQUFZLENBQUMsTUFBTTs7Ozs7O29CQU1oQixPQUFPLENBQUMsQ0FBQyxDQUFDOzs7O3dCQUlOLE9BQU8sQ0FBQyxZQUFZLENBQUM7MkJBQ2xCLE1BQU0sQ0FBQyxFQUFFOzhCQUNOLE9BQU8sQ0FBQyxRQUFRLENBQUM7Ozs7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