@cntrl-site/components 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 GX Platform
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# Control Components
+
+This is custom components for control editor and public websites.

package/dist/cli.d.ts

@@ -0,0 +1,10 @@
+#!/usr/bin/env node
+export interface LayoutRange {
+    /** closed range [start, end] */
+    start: number;
+    end: number;
+    exemplary: number;
+    name: string;
+    isFirst: boolean;
+    isLast: boolean;
+}

package/dist/components.css

@@ -0,0 +1 @@
+.ControlSlider-module__wrapper___3UUy-{position:relative;width:100%;height:100%}.ControlSlider-module__slider___3UqOu{width:100%;height:100%}.ControlSlider-module__sliderItems___81r9P{display:flex;overflow:hidden;width:100%;height:100%;transition:transform .3s ease-in-out}.ControlSlider-module__sliderItem___n3voG{width:100%;height:100%;display:flex;position:relative}.ControlSlider-module__sliderImage___INhyC{width:100%;height:100%;object-fit:cover}.ControlSlider-module__arrow___4tHOS{position:absolute;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;top:50%;left:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);z-index:1;transform:translate(-50%,-50%);padding:0;width:calc(var(--is-editor, 0) * 2.0833333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.0833333333vw);height:calc(var(--is-editor, 0) * 2.0833333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.0833333333vw)}.ControlSlider-module__arrow___4tHOS.ControlSlider-module__arrowVertical___X6mzJ{left:50%;top:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(-50%,-50%)}.ControlSlider-module__nextArrow___czypB{left:unset;right:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(50%,-50%)}.ControlSlider-module__nextArrow___czypB.ControlSlider-module__arrowVertical___X6mzJ{left:50%;right:unset;top:unset;bottom:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(-50%,50%)}.ControlSlider-module__arrowInner___C6p8D{all:unset;cursor:pointer;width:100%;height:100%}.ControlSlider-module__arrowInner___C6p8D:hover .ControlSlider-module__arrowIcon___fa6Xj path{fill:var(--arrow-hover-color)!important}.ControlSlider-module__arrowImg___Y--5F{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ControlSlider-module__arrowIcon___fa6Xj{width:100%;height:100%}.ControlSlider-module__arrowIcon___fa6Xj path{transition:fill .15s ease-in-out}.ControlSlider-module__mirror___O00Rh{transform:translate(-50%,-50%) scaleX(-1)!important}.ControlSlider-module__arrowVertical___X6mzJ.ControlSlider-module__mirror___O00Rh{transform:translate(-50%,-50%) scaleY(-1)!important}.ControlSlider-module__pagination___hYTb9{position:absolute;z-index:1;border-radius:50%}.ControlSlider-module__paginationInner___jhQ1l{display:flex;gap:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);padding-top:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw);padding-bottom:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw);padding-left:calc(var(--is-editor, 0) * 1.25vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.25vw);padding-right:calc(var(--is-editor, 0) * 1.25vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.25vw);border-radius:calc(var(--is-editor, 0) * 2.3611111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.3611111111vw)}.ControlSlider-module__paginationVertical___rU0HW{flex-direction:column}.ControlSlider-module__paginationItem___KhTki{all:unset;flex-shrink:0;position:relative;width:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);height:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);cursor:pointer}.ControlSlider-module__paginationItem___KhTki:hover .ControlSlider-module__dot___JJKxG{background-color:var(--pagination-hover-color)!important}.ControlSlider-module__dot___JJKxG{border-radius:50%;scale:.5;transition:background-color .3s ease-in-out,transform .3s ease-in-out;width:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);height:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw)}.ControlSlider-module__activeDot___0zlf9{transform:scale(2)}.ControlSlider-module__paginationInsideBottom___6yqFs{bottom:0;left:50%;transform:translate(-50%)}.ControlSlider-module__paginationInsideTop___7G04n{left:50%;transform:translate(-50%);top:0}.ControlSlider-module__paginationOutsideBottom___mwJ9c{left:50%;transform:translate(-50%);bottom:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationOutsideTop___gzOjr{left:50%;transform:translate(-50%);top:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationInsideLeft___pcj8M{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationInsideRight___D4PzV{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationOutsideLeft___Iqle5{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -5.4861111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -5.4861111111vw)}.ControlSlider-module__paginationOutsideRight___qM0qz{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -5.4861111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -5.4861111111vw)}.ControlSlider-module__imgWrapper___9Pyxu,.ControlSlider-module__wrapperInner___jny8b{width:100%;height:100%}.ControlSlider-module__captionBlock___PBu-N{pointer-events:none;position:absolute;top:0;z-index:1;left:0;right:0;bottom:0}.ControlSlider-module__captionTextWrapper___CmSBw{position:relative;width:100%;height:100%}.ControlSlider-module__captionText___w-orK{pointer-events:none;max-width:100%;transition-property:opacity;transition-timing-function:ease-in-out;position:absolute;display:inline-block;white-space:pre-wrap;overflow-wrap:break-word;opacity:0}.ControlSlider-module__captionText___w-orK.ControlSlider-module__active___rdBWP{opacity:1}.ControlSlider-module__withPointerEvents___qBwDl{pointer-events:auto}.ControlSlider-module__absolute___BMR5P{position:absolute}.ControlSlider-module__topLeftAlignment___lbaRc{top:0;left:0}.ControlSlider-module__topCenterAlignment___P1cmE{top:0;left:50%;transform:translate(-50%)}.ControlSlider-module__topRightAlignment___LTw9J{top:0;right:0}.ControlSlider-module__middleLeftAlignment___Yo5Qo{top:50%;transform:translateY(-50%);left:0}.ControlSlider-module__middleCenterAlignment___nwP7H{top:50%;transform:translate(-50%,-50%);left:50%}.ControlSlider-module__middleRightAlignment___fSZHh{top:50%;transform:translateY(-50%);right:0}.ControlSlider-module__bottomLeftAlignment___NaInP{bottom:0;left:0}.ControlSlider-module__bottomCenterAlignment___I4OWH{bottom:0;left:50%;transform:translate(-50%)}.ControlSlider-module__bottomRightAlignment___RtlgM{bottom:0;right:0}.ControlSlider-module__clickOverlay___X4JHl{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.ControlSlider-module__contain___UiZYO{object-fit:contain}.ControlSlider-module__cover___z-6Uf{object-fit:cover}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}.RichTextRenderer-module__link___4U02e{color:inherit;cursor:pointer;pointer-events:auto;transition:color .2s ease}.RichTextRenderer-module__link___4U02e:hover{color:var(--link-hover-color)}.SvgImage-module__svg___S3ATR{width:100%;height:100%;color:transparent;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--fill);transition:background-color .2s;-webkit-mask:var(--svg) no-repeat center/contain;mask:var(--svg) no-repeat center/contain}.SvgImage-module__svg___S3ATR:hover{background-color:var(--hover-fill)}.SvgImage-module__img___Wv34S{width:100%;height:100%;object-fit:contain}.ImageRevealSlider-module__imageRevealSlider___GElxD{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ImageRevealSlider-module__image___HhPub{width:100%;height:100%;object-fit:cover;position:relative;-webkit-user-select:none;user-select:none;pointer-events:none}.ImageRevealSlider-module__link___PF06b{width:100%;height:100%;display:block}

package/dist/index.d.ts

@@ -0,0 +1,33 @@
+export { Client as CntrlClient } from './sdk/Client/Client';
+export { FontFaceGenerator } from './sdk/FontFaceGenerator/FontFaceGenerator';
+export { getLayoutStyles, getLayoutMediaQuery } from './utils';
+export { ScrollPlaybackVideoManager } from './sdk/ScrollPlaybackVideoManager/ScrollPlaybackVideoManager';
+export { SectionHeightMode } from './sdk/types/article/Section';
+export { TextAlign, TextDecoration, TextTransform, VerticalAlign } from './sdk/types/article/RichText';
+export { ArticleItemType } from './sdk/types/article/ArticleItemType';
+export { AreaAnchor, AnchorSide, DimensionMode, PositionType } from './sdk/types/article/ItemArea';
+export { KeyframeType } from './sdk/types/keyframe/Keyframe';
+export type { Article } from './sdk/types/article/Article';
+export type { Section, SectionHeight } from './sdk/types/article/Section';
+export type { Item, ImageItem, ItemAny, CustomItem, ItemCommonParamsMap, ItemLayoutParamsMap, RectangleItem, StickyParams, VideoItem, RichTextItem, Link, VimeoEmbedItem, YoutubeEmbedItem, GroupItem, CodeEmbedItem, CompoundItem, ComponentItem, FillLayer } from './sdk/types/article/Item';
+export type { RichTextBlock, RichTextEntity, RichTextStyle } from './sdk/types/article/RichText';
+export type { ItemArea } from './sdk/types/article/ItemArea';
+export type { ItemState, ItemStateParams, StateParams, ItemStatesMap } from './sdk/types/article/ItemState';
+export type { Interaction, InteractionItemTrigger, InteractionScrollTrigger, InteractionState } from './sdk/types/article/Interaction';
+export type { Layout } from './sdk/types/project/Layout';
+export type { Project } from './sdk/types/project/Project';
+export type { Meta } from './sdk/types/project/Meta';
+export type { KeyframeValueMap, KeyframeAny } from './sdk/types/keyframe/Keyframe';
+export type { CompoundSettings } from './sdk/types/article/CompoundSettings';
+export type { Component } from './sdk/types/component/Component';
+export { components } from './sdk/Components/components';
+export { RichTextConverter } from './sdk-nextjs/utils/RichTextConverter/RichTextConverter';
+export { Page } from './sdk-nextjs/components/Page';
+export type { PageProps } from './sdk-nextjs/components/Page';
+export { CNTRLHead as Head } from './sdk-nextjs/components/Head';
+export { CntrlProvider } from './sdk-nextjs/provider/CntrlProvider';
+export type { CustomItemComponent } from './sdk-nextjs/provider/CustomItemTypes';
+export { useCntrlContext } from './sdk-nextjs/provider/useCntrlContext';
+export declare const customItems: import('./sdk-nextjs/provider/CustomItemRegistry').CustomItemRegistry;
+export declare const customSections: import('./sdk-nextjs/provider/CustomSectionRegistry').CustomSectionRegistry;
+export declare const cntrlSdkContext: import('./sdk-nextjs/provider/CntrlSdkContext').CntrlSdkContext;