New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

cosmic-components

Package Overview
Dependencies
Maintainers
1
Versions
55
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

cosmic-components - npm Package Compare versions

Comparing version 0.0.1-alpha.3 to 0.0.1-alpha.4

12

dist/Carousel/Carousel.js

@@ -30,3 +30,3 @@ /* eslint-disable @typescript-eslint/restrict-plus-operands */

else if (typeof define === "function" && define.amd) {
define(["require", "exports", "cosmic-ui", "../Button", "../Base", "./images/left.svg", "./images/right.svg"], factory);
define(["require", "exports", "cosmic-ui", "../Button", "../Base"], factory);
}

@@ -39,4 +39,2 @@ })(function (require, exports) {

var Base_1 = __importDefault(require("../Base"));
var left_svg_1 = __importDefault(require("./images/left.svg"));
var right_svg_1 = __importDefault(require("./images/right.svg"));
var Carousel = /** @class */ (function (_super) {

@@ -87,6 +85,6 @@ __extends(Carousel, _super);

// 指示器的位置 'left' | 'center' | 'right'
indicatorAlign: 'center',
indicatorAlign: 'center'
// 图片
arrowleft: left_svg_1.default,
arrowright: right_svg_1.default
// arrowleft,
// arrowright
});

@@ -314,3 +312,3 @@ };

};
Carousel.template = "\n <div\n on-mouseenter=\"handleMouseEnter\"\n on-mouseleave=\"handleMouseLeave\"\n class=\"{{styles.carousel}}\"\n on-touchstart=\"handleTouchStart\"\n on-touchmove=\"handleTouchMove\"\n on-touchend=\"handleTouchEnd\"\n id=\"carousel\"\n >\n <div\n class=\"{{styles.container}}\"\n style=\"height: {{height}}px\"\n on-click=\"click(activeIndex)\"\n >\n <slot name=\"control\"></slot>\n <div\n class=\"{{styles.arrow}} {{styles['arrow-left']}}\"\n san-if=\"arrow === ('hover' || 'never')\"\n on-click=\"prevClick(activeIndex - 1)\">\n <img src=\"{{arrowleft}}\"/>\n </div>\n <div\n class=\"{{styles.arrow}} {{styles['arrow-right']}}\"\n san-if=\"arrow === ('hover' || 'never')\"\n on-click=\"nextClick(activeIndex + 1)\">\n <img src=\"{{arrowright}}\"/>\n </div>\n <slot/>\n </div>\n <slot name=\"indicator\"></slot>\n <div\n class=\"{{styles.indicators}}\"\n san-if=\"indicator\">\n <span\n class=\"{{styles.default}}\n {{indicatorType === 'dot' ? styles.dot : styles.line}}\n {{index === activeIndex ? styles.active : '' }}\"\n san-for=\"item, index in items\"\n style=\"background-color:{{index === activeIndex ? indicatorColor[1] : indicatorColor[0]}}\"\n on-click=\"handleIndicatorClick(index)\">\n </span>\n </div>\n </div>\n ";
Carousel.template = "\n <div\n on-mouseenter=\"handleMouseEnter\"\n on-mouseleave=\"handleMouseLeave\"\n class=\"{{styles.carousel}}\"\n on-touchstart=\"handleTouchStart\"\n on-touchmove=\"handleTouchMove\"\n on-touchend=\"handleTouchEnd\"\n id=\"carousel\"\n >\n <div\n class=\"{{styles.container}}\"\n style=\"height: {{height}}px\"\n on-click=\"click(activeIndex)\"\n >\n <slot name=\"control\"></slot>\n <div\n class=\"{{styles.arrow}} {{styles['arrow-left']}}\"\n san-if=\"arrow === ('hover' || 'never')\"\n on-click=\"prevClick(activeIndex - 1)\">\n <!-- <img src=\"{{arrowleft}}\"/> -->\n </div>\n <div\n class=\"{{styles.arrow}} {{styles['arrow-right']}}\"\n san-if=\"arrow === ('hover' || 'never')\"\n on-click=\"nextClick(activeIndex + 1)\">\n <!-- <img src=\"{{arrowright}}\"/> -->\n </div>\n <slot/>\n </div>\n <slot name=\"indicator\"></slot>\n <div\n class=\"{{styles.indicators}}\"\n san-if=\"indicator\">\n <span\n class=\"{{styles.default}}\n {{indicatorType === 'dot' ? styles.dot : styles.line}}\n {{index === activeIndex ? styles.active : '' }}\"\n san-for=\"item, index in items\"\n style=\"background-color:{{index === activeIndex ? indicatorColor[1] : indicatorColor[0]}}\"\n on-click=\"handleIndicatorClick(index)\">\n </span>\n </div>\n </div>\n ";
Carousel.messages = {

@@ -317,0 +315,0 @@ 'UI:carouselItemAttached': function (arg) {

{
"name": "cosmic-components",
"version": "0.0.1-alpha.3",
"version": "0.0.1-alpha.4",
"main": "./dist/index.js",

@@ -5,0 +5,0 @@ "module": "./src/index.ts",

@@ -10,4 +10,4 @@ /* eslint-disable @typescript-eslint/restrict-plus-operands */

import Base, {BaseProps} from '../Base';
import arrowleft from './images/left.svg';
import arrowright from './images/right.svg';
// import arrowleft from './images/left.svg';
// import arrowright from './images/right.svg';

@@ -74,3 +74,3 @@

on-click="prevClick(activeIndex - 1)">
<img src="{{arrowleft}}"/>
<!-- <img src="{{arrowleft}}"/> -->
</div>

@@ -81,3 +81,3 @@ <div

on-click="nextClick(activeIndex + 1)">
<img src="{{arrowright}}"/>
<!-- <img src="{{arrowright}}"/> -->
</div>

@@ -168,7 +168,7 @@ <slot/>

// 指示器的位置 'left' | 'center' | 'right'
indicatorAlign: 'center',
indicatorAlign: 'center'
// 图片
arrowleft,
arrowright
// arrowleft,
// arrowright
}) as Data;

@@ -175,0 +175,0 @@ }

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc