@opendesign-plus-test/components 0.0.1-rc.19 → 0.0.1-rc.190

package/dist/treeshaking/components/summit/components/OSummitTabs.css

@@ -0,0 +1,137 @@
+.hover-icon-rotate .o-icon[data-v-0aa6f003] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-0aa6f003] {
+    transform: rotate(-180deg);
+}
+}
+.o-summit-tabs[data-v-0aa6f003] {
+  display: flex;
+  align-items: stretch;
+  margin-bottom: var(--o-r-gap-5);
+  --tab-width: 160px;
+  --tab-height: 56px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-summit-tabs[data-v-0aa6f003] {
+    --tab-width: 128px;
+    --tab-height: 48px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-summit-tabs[data-v-0aa6f003] {
+    --tab-width: 104px;
+    --tab-height: 40px;
+}
+}
+@media (max-width: 840px) {
+.o-summit-tabs[data-v-0aa6f003] {
+    --tab-width: 96px;
+    --tab-height: 32px;
+}
+}
+.o-summit-tabs .o-summit-tabs-scroller[data-v-0aa6f003] {
+  display: flex;
+  justify-content: center;
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: none;
+}
+.o-summit-tabs .o-summit-tabs-scroller[data-v-0aa6f003]::-webkit-scrollbar {
+  display: none;
+}
+.o-summit-tabs .o-summit-tabs-track[data-v-0aa6f003] {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  white-space: nowrap;
+}
+.o-summit-tabs.is-overflowing .o-summit-tabs-scroller[data-v-0aa6f003] {
+  justify-content: flex-start;
+}
+.o-summit-tabs.is-overflowing .o-summit-tab[data-v-0aa6f003]:first-child {
+  border-radius: 0;
+}
+.o-summit-tabs.is-overflowing .o-summit-tab[data-v-0aa6f003]:last-child {
+  border-radius: 0;
+}
+.o-summit-tabs.is-overflowing .o-summit-tabs-arrow.is-left[data-v-0aa6f003] {
+  border-radius: var(--o-radius-xs) 0 0 var(--o-radius-xs);
+}
+.o-summit-tabs.is-overflowing .o-summit-tabs-arrow.is-right[data-v-0aa6f003] {
+  border-radius: 0 var(--o-radius-xs) var(--o-radius-xs) 0;
+}
+.o-summit-tabs .o-summit-tab[data-v-0aa6f003] {
+  cursor: pointer;
+  color: var(--o-color-info1);
+  min-width: var(--tab-width);
+  text-align: center;
+  background: var(--o-color-fill2);
+  padding: 0 var(--o-r-gap-6);
+  border: none;
+  font-weight: 600;
+  font-size: var(--o-r-font_size-h3);
+  line-height: var(--tab-height);
+}
+.o-summit-tabs .o-summit-tab[data-v-0aa6f003]:first-child {
+  border-radius: var(--o-radius-xs) 0 0 var(--o-radius-xs);
+}
+.o-summit-tabs .o-summit-tab[data-v-0aa6f003]:last-child {
+  border-radius: 0 var(--o-radius-xs) var(--o-radius-xs) 0;
+}
+.o-summit-tabs .o-summit-tab[data-v-0aa6f003]:hover {
+  color: var(--o-color-primary2);
+}
+.o-summit-tabs .o-summit-tab[data-v-0aa6f003]:focus {
+  color: var(--o-color-primary3);
+}
+.o-summit-tabs .o-summit-tab.is-active[data-v-0aa6f003] {
+  color: #fff;
+  background: var(--o-color-primary1);
+}
+.o-summit-tabs .o-summit-tab.is-disabled[data-v-0aa6f003] {
+  color: var(--o-color-info4);
+  background: var(--o-color-fill3);
+}
+.o-summit-tabs .o-summit-tabs-arrow[data-v-0aa6f003] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: var(--tab-height);
+  padding: 0;
+  border: none;
+  color: var(--o-color-info3);
+  cursor: pointer;
+  background-color: transparent;
+}
+.o-summit-tabs .o-summit-tabs-arrow .o-icon[data-v-0aa6f003] {
+  --icon-size: 24px;
+}
+@media (max-width: 840px) {
+.o-summit-tabs .o-summit-tabs-arrow .o-icon[data-v-0aa6f003] {
+    --icon-size: 20px;
+}
+}
+.o-summit-tabs .o-summit-tabs-arrow[data-v-0aa6f003]:hover {
+  color: var(--o-color-primary2);
+}
+.o-summit-tabs .o-summit-tabs-arrow[data-v-0aa6f003]:focus {
+  color: var(--o-color-primary3);
+}
+.o-summit-tabs .o-summit-tabs-arrow.is-disabled[data-v-0aa6f003] {
+  color: var(--o-color-info4);
+  cursor: not-allowed;
+}
+.o-summit-tabs .o-summit-tabs-arrow.is-disabled[data-v-0aa6f003]:hover {
+  color: var(--o-color-info4);
+}
+.o-summit-tabs-single[data-v-0aa6f003] {
+  margin-bottom: var(--o-r-gap-5);
+  color: var(--o-color-info1);
+  font-weight: 500;
+  font-size: var(--o-r-font_size-h2);
+  line-height: var(--o-r-line_height-h2);
+}

package/dist/treeshaking/components/summit/components/OSummitTabs.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    modelValue: number;
+    items: string[];
+    disabled?: number[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (val: number) => any;
+    "update:modelValue": (val: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((val: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollRef: HTMLDivElement;
+    trackRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/treeshaking/components/summit/components/OSummitTabs.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./OSummitTabs.vue2.mjs";
+import './OSummitTabs.css';
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const OSummitTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0aa6f003"]]);
+export {
+  OSummitTabs as default
+};

package/dist/treeshaking/components/summit/components/OSummitTabs.vue2.mjs

@@ -0,0 +1,155 @@
+import { defineComponent, ref, watch, nextTick, onMounted, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, createVNode, unref, withCtx, vShow, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+import { OIcon, OIconChevronLeft, OIconChevronRight } from "@opensig/opendesign";
+import { useResizeObserver } from "@vueuse/core";
+const _hoisted_1 = ["tabindex", "aria-disabled"];
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = ["tabindex", "aria-disabled"];
+const _hoisted_4 = {
+  key: 1,
+  class: "o-summit-tabs-single"
+};
+const SCROLL_STEP = 3;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OSummitTabs",
+  props: {
+    modelValue: {},
+    items: {},
+    disabled: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const select = (idx) => {
+      emit("update:modelValue", idx);
+      emit("change", idx);
+    };
+    const scrollRef = ref(null);
+    const trackRef = ref(null);
+    const canScrollLeft = ref(false);
+    const canScrollRight = ref(false);
+    const isOverflowing = ref(false);
+    const updateArrows = () => {
+      const sc = scrollRef.value;
+      if (!sc) return;
+      const overflow = sc.scrollWidth - sc.clientWidth;
+      isOverflowing.value = overflow > 1;
+      canScrollLeft.value = sc.scrollLeft > 1;
+      canScrollRight.value = sc.scrollLeft < overflow - 1;
+    };
+    const firstVisibleIndex = () => {
+      const sc = scrollRef.value;
+      const track = trackRef.value;
+      if (!sc || !track) return 0;
+      const scLeft = sc.getBoundingClientRect().left;
+      const tabs = track.children;
+      for (let i = 0; i < tabs.length; i++) {
+        const el = tabs[i];
+        if (el.getBoundingClientRect().right > scLeft + 1) {
+          return i;
+        }
+      }
+      return 0;
+    };
+    const scrollTabs = (direction) => {
+      const sc = scrollRef.value;
+      const track = trackRef.value;
+      if (!sc || !track) return;
+      if (direction === -1 && !canScrollLeft.value) return;
+      if (direction === 1 && !canScrollRight.value) return;
+      const idx = firstVisibleIndex();
+      let target = idx + direction * SCROLL_STEP;
+      target = Math.max(0, Math.min(target, track.children.length - 1));
+      const targetEl = track.children[target];
+      if (targetEl) {
+        const delta = targetEl.getBoundingClientRect().left - sc.getBoundingClientRect().left;
+        sc.scrollTo({
+          left: sc.scrollLeft + delta,
+          behavior: "smooth"
+        });
+      }
+    };
+    useResizeObserver(scrollRef, updateArrows);
+    useResizeObserver(trackRef, updateArrows);
+    watch(
+      () => props.items.join("\0"),
+      () => {
+        nextTick(() => {
+          if (scrollRef.value) {
+            scrollRef.value.scrollTo({ left: 0 });
+          }
+          updateArrows();
+        });
+      }
+    );
+    onMounted(() => {
+      updateArrows();
+    });
+    return (_ctx, _cache) => {
+      return __props.items.length > 1 ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["o-summit-tabs", { "is-overflowing": isOverflowing.value }])
+      }, [
+        withDirectives(createElementVNode("button", {
+          type: "button",
+          class: normalizeClass(["o-summit-tabs-arrow is-left", { "is-disabled": !canScrollLeft.value }]),
+          tabindex: canScrollLeft.value ? 0 : -1,
+          "aria-disabled": !canScrollLeft.value,
+          onClick: _cache[0] || (_cache[0] = ($event) => scrollTabs(-1))
+        }, [
+          createVNode(unref(OIcon), null, {
+            default: withCtx(() => [
+              createVNode(unref(OIconChevronLeft))
+            ]),
+            _: 1
+          })
+        ], 10, _hoisted_1), [
+          [vShow, isOverflowing.value]
+        ]),
+        createElementVNode("div", {
+          ref_key: "scrollRef",
+          ref: scrollRef,
+          class: "o-summit-tabs-scroller",
+          onScroll: updateArrows
+        }, [
+          createElementVNode("div", {
+            ref_key: "trackRef",
+            ref: trackRef,
+            class: "o-summit-tabs-track"
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (label, idx) => {
+              var _a;
+              return openBlock(), createElementBlock("button", {
+                key: idx,
+                class: normalizeClass(["o-summit-tab", {
+                  "is-active": __props.modelValue === idx,
+                  "is-disabled": (_a = __props.disabled) == null ? void 0 : _a.includes(idx)
+                }]),
+                onClick: ($event) => select(idx)
+              }, toDisplayString(label), 11, _hoisted_2);
+            }), 128))
+          ], 512)
+        ], 544),
+        withDirectives(createElementVNode("button", {
+          type: "button",
+          class: normalizeClass(["o-summit-tabs-arrow is-right", { "is-disabled": !canScrollRight.value }]),
+          tabindex: canScrollRight.value ? 0 : -1,
+          "aria-disabled": !canScrollRight.value,
+          onClick: _cache[1] || (_cache[1] = ($event) => scrollTabs(1))
+        }, [
+          createVNode(unref(OIcon), null, {
+            default: withCtx(() => [
+              createVNode(unref(OIconChevronRight))
+            ]),
+            _: 1
+          })
+        ], 10, _hoisted_3), [
+          [vShow, isOverflowing.value]
+        ])
+      ], 2)) : __props.items.length === 1 ? (openBlock(), createElementBlock("h4", _hoisted_4, toDisplayString(__props.items[0]), 1)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/treeshaking/components/summit/index.d.ts

@@ -0,0 +1,83 @@
+import { App } from 'vue';
+declare const OSummit: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitPropsT> & Readonly<{
+        onLiveChange?: ((liveId: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        liveChange: (liveId: string | number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').SummitPropsT> & Readonly<{
+        onLiveChange?: ((liveId: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitPropsT> & Readonly<{
+    onLiveChange?: ((liveId: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    liveChange: (liveId: string | number) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+declare const OSummitIntro: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+declare const OSummitLive: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitLivePropsT> & Readonly<{
+        onChange?: ((liveId: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (liveId: string | number) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').SummitLivePropsT> & Readonly<{
+        onChange?: ((liveId: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitLivePropsT> & Readonly<{
+    onChange?: ((liveId: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (liveId: string | number) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+declare const OSummitSchedule: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: App): void;
+};
+export { OSummit, OSummitIntro, OSummitLive, OSummitSchedule, };
+export * from './types';

package/dist/treeshaking/components/summit/index.mjs

@@ -0,0 +1,30 @@
+import _OSummit from "./OSummit.vue.mjs";
+import _OSummitIntro from "./OSummitIntro.vue.mjs";
+import _OSummitLive from "./OSummitLive.vue.mjs";
+import _OSummitSchedule from "./OSummitSchedule.vue.mjs";
+const OSummit = Object.assign(_OSummit, {
+  install(app) {
+    app.component("OSummit", _OSummit);
+  }
+});
+const OSummitIntro = Object.assign(_OSummitIntro, {
+  install(app) {
+    app.component("OSummitIntro", _OSummitIntro);
+  }
+});
+const OSummitLive = Object.assign(_OSummitLive, {
+  install(app) {
+    app.component("OSummitLive", _OSummitLive);
+  }
+});
+const OSummitSchedule = Object.assign(_OSummitSchedule, {
+  install(app) {
+    app.component("OSummitSchedule", _OSummitSchedule);
+  }
+});
+export {
+  OSummit,
+  OSummitIntro,
+  OSummitLive,
+  OSummitSchedule
+};

package/dist/treeshaking/components/summit/types.d.ts

@@ -0,0 +1,69 @@
+export interface SummitIntroPropsT {
+    title?: string;
+    descList: string[];
+}
+export interface SummitLiveRoomT {
+    id: number | string;
+    liveId: number | string;
+    name: string;
+    background?: string;
+    backgroundDark?: string;
+}
+export interface SummitLivePropsT {
+    section: SummitLiveSectionT;
+    liveUrl: string;
+}
+export interface SummitSpeakerT {
+    name: string;
+    positions: string[];
+}
+export interface SummitScheduleTopicT {
+    topic: string | string[];
+    speakers?: SummitSpeakerT[];
+    description?: string;
+}
+export interface SummitScheduleEntryT {
+    time: string;
+    topics: SummitScheduleTopicT[];
+}
+export interface SummitSchedulePropsT {
+    schedule: SummitScheduleT;
+}
+export interface SummitLiveSectionT {
+    title?: string;
+    dates?: string[];
+    rooms?: SummitLiveRoomT[][];
+}
+export interface SummitSubForumT {
+    id: number | string;
+    name: string;
+    detailMode?: 'popover';
+    items: SummitScheduleEntryT[];
+}
+export interface SummitSessionT {
+    id: string;
+    label: string;
+    duration?: string;
+    items?: SummitScheduleEntryT[];
+    subForums?: SummitSubForumT[];
+}
+export interface SummitCategoryT {
+    id: string;
+    name: string;
+    sessions: SummitSessionT[];
+}
+export interface SummitScheduleDayT {
+    dateLabel: string;
+    categories: SummitCategoryT[];
+}
+export interface SummitScheduleT {
+    title?: string;
+    days: SummitScheduleDayT[];
+}
+export interface SummitPropsT {
+    descList?: string[];
+    descTitle?: string;
+    live?: SummitLiveSectionT;
+    liveUrl?: string;
+    schedule?: SummitScheduleT;
+}